added aria label to compare with base form

src/__tests__/Search/CompareWithBase.test.tsx

@@ -17,13 +17,10 @@ import {
 
 function setUpTestData() {
   const { testData } = getTestData();
-  (global.fetch as FetchMockSandbox).get(
-    'begin:https://treeherder.mozilla.org/api/project/try/push/',
-    {
+  (global.fetch as FetchMockSandbox)
+    .get('begin:https://treeherder.mozilla.org/api/project/try/push/', {
       results: testData,
-    },
-  );
-  (window.fetch as FetchMockSandbox)
+    })
     .get('begin:https://treeherder.mozilla.org/api/perfcompare/results/', [])
     .get(
       'begin:https://treeherder.mozilla.org/api/project/mozilla-central/push/?revision=coconut',
@@ -62,7 +59,9 @@ describe('Compare With Base', () => {
       <ResultsView title={Strings.metaData.pageTitle.results} />,
     );
     expect(await screen.findByText('Compare with a base')).toBeInTheDocument();
-    const formElement = await screen.findByRole('form');
+    const formElement = await screen.findByRole('form', {
+      name: 'Compare with base form',
+    });
     expect(formElement).toMatchSnapshot('Initial state for the form');
   });
 
@@ -143,7 +142,9 @@ describe('Compare With Base', () => {
     const user = userEvent.setup({ delay: null });
 
     expect(await screen.findByText('Compare with a base')).toBeInTheDocument();
-    const formElement = await screen.findByRole('form');
+    const formElement = await screen.findByRole('form', {
+      name: 'Compare with base form',
+    });
     expect(formElement).toMatchSnapshot('Initial state for the form');
 
     // Find out if the base revision is rendered

src/__tests__/Search/__snapshots__/CompareWithBase.test.tsx.snap

@@ -3,9 +3,9 @@
 exports[`Compare With Base renders correctly when there are no results: Initial state for the form 1`] = `
 <form
   action="/compare-results"
+  aria-label="Compare with base form"
   class="form-wrapper"
   method="get"
-  role="form"
 >
   <div
     class="MuiGrid-root component_f14z0jsa css-plh9qo-MuiGrid-root"
@@ -770,9 +770,9 @@ exports[`Compare With Base selects and displays new framework when clicked 1`] =
 exports[`Compare With Base should have an edit mode in Results View: After clicking edit for the base revision 1`] = `
 <form
   action="/compare-results"
+  aria-label="Compare with base form"
   class="form-wrapper"
   method="get"
-  role="form"
 >
   <div
     class="MuiGrid-root component_f14z0jsa css-plh9qo-MuiGrid-root"
@@ -1417,9 +1417,9 @@ exports[`Compare With Base should have an edit mode in Results View: After click
 exports[`Compare With Base should have an edit mode in Results View: After clicking edit for the new revision 1`] = `
 <form
   action="/compare-results"
+  aria-label="Compare with base form"
   class="form-wrapper"
   method="get"
-  role="form"
 >
   <div
     class="MuiGrid-root component_f14z0jsa css-plh9qo-MuiGrid-root"
@@ -1947,9 +1947,9 @@ exports[`Compare With Base should have an edit mode in Results View: After click
 exports[`Compare With Base should have an edit mode in Results View: Initial state for the form 1`] = `
 <form
   action="/compare-results"
+  aria-label="Compare with base form"
   class="form-wrapper"
   method="get"
-  role="form"
 >
   <div
     class="MuiGrid-root component_f14z0jsa css-plh9qo-MuiGrid-root"
@@ -2708,9 +2708,9 @@ exports[`Compare With Base should remove the checked revision once X button is c
             />
             <form
               action="/compare-results"
+              aria-label="Compare with base form"
               class="form-wrapper"
               method="get"
-              role="form"
             >
               <div
                 class="MuiGrid-root component_f14z0jsa css-plh9qo-MuiGrid-root"

src/__tests__/Search/__snapshots__/SearchContainer.test.tsx.snap

@@ -46,9 +46,9 @@ exports[`Search Containter should match snapshot 1`] = `
           />
           <form
             action="/compare-results"
+            aria-label="Compare with base form"
             class="form-wrapper"
             method="get"
-            role="form"
           >
             <div
               class="MuiGrid-root component_f14z0jsa css-plh9qo-MuiGrid-root"

src/__tests__/Search/__snapshots__/SearchResultsList.test.tsx.snap

@@ -125,9 +125,9 @@ exports[`SearchResultsList should match snapshot 1`] = `
             />
             <form
               action="/compare-results"
+              aria-label="Compare with base form"
               class="form-wrapper"
               method="get"
-              role="form"
             >
               <div
                 class="MuiGrid-root component_f14z0jsa css-plh9qo-MuiGrid-root"

src/__tests__/Search/__snapshots__/SearchView.test.tsx.snap

@@ -125,9 +125,9 @@ exports[`Search View renders correctly when there are no results 1`] = `
             />
             <form
               action="/compare-results"
+              aria-label="Compare with base form"
               class="form-wrapper"
               method="get"
-              role="form"
             >
               <div
                 class="MuiGrid-root component_f14z0jsa css-plh9qo-MuiGrid-root"

src/components/Search/CompareWithBase.tsx

@@ -254,7 +254,7 @@ function CompareWithBase({
           action='/compare-results'
           className='form-wrapper'
           onSubmit={possiblyPreventFormSubmission}
-          role='form'
+          aria-label='Compare with base form'
         >
           <SearchComponent
             {...stringsBase}