Tests accessible name in error for multiple found

Author: jacobparis

src/__tests__/role.js

@@ -346,7 +346,9 @@ Here are the accessible roles:
 test('has no useful error message in findBy', async () => {
   const {findByRole} = render(`<li />`)
 
-  await expect(findByRole('option', {timeout: 1})).rejects.toThrow('Unable to find role="option"')
+  await expect(findByRole('option', {timeout: 1})).rejects.toThrow(
+    'Unable to find role="option"',
+  )
 })
 
 test('explicit role is most specific', () => {
@@ -378,6 +380,49 @@ Here are the accessible roles:
 `)
 })
 
+test('accessible name in error message for multiple found', () => {
+  const {getByRole} = render(`
+    <div>
+      <button> Increment value </button>
+      <button> Decrement value </button>
+      <button> Reset value </button>
+    </div>
+  `)
+
+  expect(() => getByRole('button', {name: /value/i}))
+    .toThrowErrorMatchingInlineSnapshot(`
+"Found multiple elements with the role "button" and name \`/value/i\`
+
+(If this is intentional, then use the \`*AllBy*\` variant of the query (like \`queryAllByText\`, \`getAllByText\`, or \`findAllByText\`)).
+
+<div>
+  
+    
+  <div>
+    
+      
+    <button>
+       Increment value 
+    </button>
+    
+      
+    <button>
+       Decrement value 
+    </button>
+    
+      
+    <button>
+       Reset value 
+    </button>
+    
+    
+  </div>
+  
+  
+</div>"
+`)
+})
+
 describe('configuration', () => {
   let originalConfig
   beforeEach(() => {