*ByRole form seems not to find <form /> elements #1021

svenliebig · 2021-09-02T08:12:25Z

Versions:

@testing-library/react: ^11.2.5,
@testing-library/dom: 7.29.4
@testing-library/jest-dom: ^5.11.9,

Testcase:

it(`testcase`, async () => {
    render(
        <div>
            <h1>helloworld</h1>
            <form>
                <h2>content</h2>
                <label htmlFor="tinput">hello</label>
                <input type="text" id="tinput" />
            </form>
        </div>
    )

    expect(screen.getByRole("form")).toBeInTheDocument()
})

result:

    Unable to find role="form"

    <body
      class=""
    >
      <div>
          <h1>
            helloworld
          </h1>
          <form>
            <h2>
              content
            </h2>
            <label
              for="tinput"
            >
              hello
            </label>
            <input
              id="tinput"
              type="text"
            />
          </form>
        </div>
    </body>

Expected result:

Find the form as a representation of a form role element.

Problem description:

The form should be recognized as a aria form role, or am I wrong? https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Form_Role

Thanks for your effort!

The text was updated successfully, but these errors were encountered:

eps1lon · 2021-09-02T08:19:45Z

Thanks for the feedback.

We closely follow ARIA specifications. html-aam specifies that <form /> only has the form role if it has an accessible name.

Hope this clears things up. If you think <form /> should always have the form role, please open an issue on the html-aam repository. But please consider prior discussions such as w3c/html-aria#94

svenliebig · 2021-09-02T08:23:33Z

Thanks for pointing that out! I'll give it a name then.

eps1lon closed this as completed Sep 2, 2021

This was referenced Mar 4, 2024

*ByRole form seems not to find <form /> elements #1293

Open

updated tests and added coverage for edit feature mozilla/perfcompare#608

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

*ByRole form seems not to find <form /> elements #1021

*ByRole form seems not to find <form /> elements #1021

svenliebig commented Sep 2, 2021 •

edited

Loading

eps1lon commented Sep 2, 2021

svenliebig commented Sep 2, 2021 •

edited

Loading

*ByRole form seems not to find <form /> elements #1021

*ByRole form seems not to find <form /> elements #1021

Comments

svenliebig commented Sep 2, 2021 • edited Loading

result:

Expected result:

Problem description:

eps1lon commented Sep 2, 2021

svenliebig commented Sep 2, 2021 • edited Loading

svenliebig commented Sep 2, 2021 •

edited

Loading

svenliebig commented Sep 2, 2021 •

edited

Loading