fix: Exclude container in the list of queryable roles (#550)

src/__tests__/role.js

@@ -321,6 +321,28 @@ Here are the accessible roles:
 `)
 })
 
+test('does not include the container in the queryable roles', () => {
+  const {getByRole} = render(`<li />`, {
+    container: document.createElement('ul'),
+  })
+  expect(() => getByRole('list')).toThrowErrorMatchingInlineSnapshot(`
+"Unable to find an accessible element with the role "list"
+
+Here are the accessible roles:
+
+  listitem:
+
+  Name "":
+  <li />
+
+  --------------------------------------------------
+
+<ul>
+  <li />
+</ul>"
+`)
+})
+
 describe('configuration', () => {
   let originalConfig
   beforeEach(() => {

src/queries/role.js

@@ -95,9 +95,12 @@ const getMissingError = (
   role,
   {hidden = getConfig().defaultHidden, name} = {},
 ) => {
-  const roles = prettyRoles(container, {
-    hidden,
-    includeName: name !== undefined,
+  let roles = ''
+  Array.from(container.children).forEach(childElement => {
+    roles += prettyRoles(childElement, {
+      hidden,
+      includeName: name !== undefined,
+    })
   })
   let roleMessage