Add tests to document support for aria-label in form actions

Author: germsvel

test/phoenix_test/live_test.exs

@@ -395,6 +395,14 @@ defmodule PhoenixTest.LiveTest do
       |> assert_has("input", label: "Email", value: "someone@example.com")
     end
 
+    test "fills in a field by aria label", %{conn: conn} do
+      conn
+      |> visit("/live/index")
+      |> fill_in("Secret Name", with: "Aragorn")
+      |> click_button("Save Full Form")
+      |> assert_has("#form-data", text: "secret_name: Aragorn")
+    end
+
     test "can fill input with `nil` to override existing value", %{conn: conn} do
       conn
       |> visit("/live/index")
@@ -533,6 +541,14 @@ defmodule PhoenixTest.LiveTest do
       |> assert_has("#full-form option[value='elf']")
     end
 
+    test "selects an option by aria label", %{conn: conn} do
+      conn
+      |> visit("/live/index")
+      |> select("Aria Choice", option: "Elf")
+      |> click_button("Save Full Form")
+      |> assert_has("#form-data", text: "aria_choice: elf")
+    end
+
     test "allows selecting option if a similar option exists", %{conn: conn} do
       conn
       |> visit("/live/index")
@@ -646,6 +662,14 @@ defmodule PhoenixTest.LiveTest do
       |> assert_has("#form-data", text: "admin: on")
     end
 
+    test "checks a checkbox by aria label", %{conn: conn} do
+      conn
+      |> visit("/live/index")
+      |> check("Aria Enabled")
+      |> click_button("Save Full Form")
+      |> assert_has("#form-data", text: "aria_enabled: on")
+    end
+
     test "can check an unchecked checkbox", %{conn: conn} do
       conn
       |> visit("/live/index")
@@ -925,6 +949,14 @@ defmodule PhoenixTest.LiveTest do
       |> assert_has("#form-data", text: "contact: email")
     end
 
+    test "chooses a radio button by aria label", %{conn: conn} do
+      conn
+      |> visit("/live/index")
+      |> choose("Aria Email")
+      |> click_button("Save Full Form")
+      |> assert_has("#form-data", text: "aria_contact: email")
+    end
+
     test "uses the default 'checked' if present", %{conn: conn} do
       conn
       |> visit("/live/index")
@@ -1007,6 +1039,17 @@ defmodule PhoenixTest.LiveTest do
       |> assert_has("#form-data", text: "avatar: elixir.jpg")
     end
 
+    test "uploads an image by aria label", %{conn: conn} do
+      conn
+      |> visit("/live/index")
+      |> within("#full-form", fn session ->
+        session
+        |> upload("Aria Avatar", "test/files/elixir.jpg")
+        |> click_button("Save Full Form")
+      end)
+      |> assert_has("#form-data", text: "avatar: elixir.jpg")
+    end
+
     test "can target a label with exact: false", %{conn: conn} do
       conn
       |> visit("/live/index")

test/phoenix_test/static_test.exs

@@ -352,6 +352,14 @@ defmodule PhoenixTest.StaticTest do
       |> assert_has("#form-data", text: "email: someone@example.com")
     end
 
+    test "fills in a field by aria label", %{conn: conn} do
+      conn
+      |> visit("/page/index")
+      |> fill_in("Secret Name", with: "Aragorn")
+      |> click_button("Save Full Form")
+      |> assert_has("#form-data", text: "secret_name: Aragorn")
+    end
+
     test "can fill input with `nil` to override existing value", %{conn: conn} do
       conn
       |> visit("/page/index")
@@ -458,6 +466,14 @@ defmodule PhoenixTest.StaticTest do
       |> assert_has("#form-data", text: "race: human")
     end
 
+    test "selects an option by aria label", %{conn: conn} do
+      conn
+      |> visit("/page/index")
+      |> select("Aria Choice", option: "Elf")
+      |> click_button("Save Full Form")
+      |> assert_has("#form-data", text: "aria_choice: elf")
+    end
+
     test "allows selecting option if a similar option exists", %{conn: conn} do
       conn
       |> visit("/page/index")
@@ -528,6 +544,14 @@ defmodule PhoenixTest.StaticTest do
       |> assert_has("#form-data", text: "admin_boolean: true")
     end
 
+    test "checks a checkbox by aria label", %{conn: conn} do
+      conn
+      |> visit("/page/index")
+      |> check("Aria Enabled")
+      |> click_button("Save Full Form")
+      |> assert_has("#form-data", text: "aria_enabled: on")
+    end
+
     test "sets checkbox value as 'on' by default", %{conn: conn} do
       conn
       |> visit("/page/index")
@@ -691,6 +715,14 @@ defmodule PhoenixTest.StaticTest do
       |> assert_has("#form-data", text: "contact: email")
     end
 
+    test "chooses a radio button by aria label", %{conn: conn} do
+      conn
+      |> visit("/page/index")
+      |> choose("Aria Email")
+      |> click_button("Save Full Form")
+      |> assert_has("#form-data", text: "aria_contact: email")
+    end
+
     test "uses the default 'checked' if present", %{conn: conn} do
       conn
       |> visit("/page/index")
@@ -732,6 +764,17 @@ defmodule PhoenixTest.StaticTest do
       |> assert_has("#form-data", text: "avatar: elixir.jpg")
     end
 
+    test "uploads an image by aria label", %{conn: conn} do
+      conn
+      |> visit("/page/index")
+      |> within("#file-upload-form", fn session ->
+        session
+        |> upload("Aria Avatar", "test/files/elixir.jpg")
+        |> click_button("Save File upload Form")
+      end)
+      |> assert_has("#form-data", text: "avatar: elixir.jpg")
+    end
+
     test "uploads image list", %{conn: conn} do
       conn
       |> visit("/page/index")

test/support/web_app/index_live.ex

@@ -194,6 +194,18 @@ defmodule PhoenixTest.WebApp.IndexLive do
       <label for="level">Level (number)</label>
       <input id="level" type="number" name="level" value="7" />
 
+      <input name="secret_name" aria-label="Secret Name" />
+
+      <input type="hidden" name="aria_enabled" value="off" />
+      <input type="checkbox" name="aria_enabled" value="on" aria-label="Aria Enabled" />
+
+      <select name="aria_choice" aria-label="Aria Choice">
+        <option value="human">Human</option>
+        <option value="elf">Elf</option>
+      </select>
+
+      <input type="radio" name="aria_contact" value="email" aria-label="Aria Email" />
+
       <label for="race">Race</label>
       <select id="race" name="race">
         <option value="human">Human</option>
@@ -253,7 +265,7 @@ defmodule PhoenixTest.WebApp.IndexLive do
       </label>
 
       <label for={@uploads.avatar.ref}>Avatar</label>
-      <.live_file_input upload={@uploads.avatar} />
+      <.live_file_input upload={@uploads.avatar} aria-label="Aria Avatar" />
 
       <button type="submit" name="full_form_button" value="save">Save Full Form</button>
     </form>

test/support/web_app/page_view.ex

@@ -140,6 +140,18 @@ defmodule PhoenixTest.WebApp.PageView do
       <label for="level">Level (number)</label>
       <input id="level" type="number" name="level" value="7" />
 
+      <input name="secret_name" aria-label="Secret Name" />
+
+      <input type="hidden" name="aria_enabled" value="off" />
+      <input type="checkbox" name="aria_enabled" value="on" aria-label="Aria Enabled" />
+
+      <select name="aria_choice" aria-label="Aria Choice">
+        <option value="human">Human</option>
+        <option value="elf">Elf</option>
+      </select>
+
+      <input type="radio" name="aria_contact" value="email" aria-label="Aria Email" />
+
       <label for="race">Race</label>
       <select id="race" name="race">
         <option value="human">Human</option>
@@ -194,7 +206,7 @@ defmodule PhoenixTest.WebApp.PageView do
       enctype="multipart/form-data"
     >
       <label for="avatar">Avatar</label>
-      <input id="avatar" name="avatar" type="file" />
+      <input id="avatar" name="avatar" type="file" aria-label="Aria Avatar" />
 
       <label for="nested_avatar">Nested Avatar</label>
       <input id="nested_avatar" name="user[avatar]" type="file" />