fix some of the unit tests

mabaasit · mabaasit · commit a5aea96ced82 · 2024-12-11T14:35:12.000+01:00
diff --git a/packages/compass-aggregations/src/components/aggregation-side-panel/stage-wizard-use-cases/lookup/lookup.tsx b/packages/compass-aggregations/src/components/aggregation-side-panel/stage-wizard-use-cases/lookup/lookup.tsx
@@ -175,7 +175,11 @@ export const LookupForm = ({
         />
       </div>
       <div className={formGroup}>
-        <Body id="lookup-stage-as-input-label" className={titleStyles}>
+        <Body
+          aria-label="Name of the array"
+          id="lookup-stage-as-input-label"
+          className={titleStyles}
+        >
           as
         </Body>
         <div className={inputFieldStyles}>
diff --git a/packages/compass-aggregations/src/components/aggregation-side-panel/stage-wizard-use-cases/project/project.spec.tsx b/packages/compass-aggregations/src/components/aggregation-side-panel/stage-wizard-use-cases/project/project.spec.tsx
@@ -72,9 +72,10 @@ describe('project', function () {
       'street',
       'city',
     ]);
-    const selectedOptions = within(
+    const comboboxInput = within(
       screen.getByTestId('project-form-field')
-    ).getAllByRole('option');
+    ).getByRole('combobox');
+    const selectedOptions = within(comboboxInput).getAllByRole('option');
 
     expect(selectedOptions).to.have.lengthOf(2);
     expect(within(selectedOptions[0]).getByText(/street/i)).to.exist;
diff --git a/packages/compass-components/src/components/tab-nav-bar.tsx b/packages/compass-components/src/components/tab-nav-bar.tsx
@@ -81,6 +81,9 @@ function TabNavBar({
                 key={`tab-${idx}`}
                 data-testid={`${name}-tab-button`}
                 name={title}
+                // LG uses this prop to check if multiple tabs have same text and
+                // if so, it console.errors.
+                data-text={name}
               />
             );
           })}
diff --git a/packages/compass-global-writes/src/components/create-shard-key-form.spec.tsx b/packages/compass-global-writes/src/components/create-shard-key-form.spec.tsx
@@ -44,10 +44,11 @@ describe('CreateShardKeyForm', function () {
     });
 
     it('renders location form field as disabled', function () {
-      expect(screen.getByLabelText('First shard key field')).to.have.attribute(
-        'aria-disabled',
-        'true'
-      );
+      expect(
+        screen.getByRole('textbox', {
+          name: /first shard key field/i,
+        })
+      ).to.have.attribute('aria-disabled', 'true');
     });
 
     it('does not allow user to submit when no second shard key is selected', function () {
diff --git a/packages/connection-form/src/components/advanced-options-tabs/tls-ssl-tab/tls-ssl-tab.spec.tsx b/packages/connection-form/src/components/advanced-options-tabs/tls-ssl-tab/tls-ssl-tab.spec.tsx
@@ -326,7 +326,7 @@ describe('SchemaInput', function () {
 
     it('should render all of the checkboxes disabled', function () {
       const checkboxes: HTMLInputElement[] = screen.getAllByRole('checkbox');
-      expect(checkboxes.find((checkbox) => !checkbox.disabled)).to.equal(
+      expect(checkboxes.find((checkbox) => !checkbox.ariaDisabled)).to.equal(
         undefined
       );
     });
diff --git a/packages/connection-form/src/components/connection-string-input.spec.tsx b/packages/connection-form/src/components/connection-string-input.spec.tsx
@@ -215,7 +215,8 @@ describe('ConnectionStringInput Component', function () {
 
     it('should show the connection string input disabled', function () {
       const textArea = screen.getByRole('textbox');
-      expect(textArea).to.match('[disabled]');
+      expect(textArea).to.match('[aria-disabled="true"]');
+      expect(textArea).to.match('[readonly]');
     });
 
     describe('clicking confirm to edit', function () {
