Update existing tests to handle changes in Select

mongodb/leafygreen-ui#3218

Author: kraenhansen

packages/compass-aggregations/src/components/aggregation-side-panel/stage-wizard-use-cases/match/match-condition-form.spec.tsx

@@ -73,9 +73,9 @@ describe('condition', function () {
       renderCondition({ condition });
       expect(screen.getByLabelText(new RegExp(SINGLE_SELECT_LABEL, 'i'))).to
         .exist;
-      expect(screen.getByLabelText(LABELS.operatorSelect)).to.exist;
+      expect(screen.getByTestId('match-condition-operator-select')).to.exist;
       expect(screen.getByTestId('match-stage-expected-value-input')).to.exist;
-      expect(screen.getByLabelText(LABELS.typeSelect)).to.exist;
+      expect(screen.getByTestId('match-condition-type-select')).to.exist;
     });
 
     it('should call onConditionChange with updated condition when a field is selected', function () {

packages/compass-aggregations/src/components/aggregation-side-panel/stage-wizard-use-cases/match/match-condition-form.tsx

@@ -170,6 +170,7 @@ const MatchConditionForm = ({
           aria-label={LABELS.operatorSelect}
           value={condition.operator}
           onChange={handleOperatorChange}
+          data-testid="match-condition-operator-select"
         >
           {MATCH_OPERATOR_LABELS.map(({ operator, label }) => {
             return (
@@ -183,8 +184,6 @@ const MatchConditionForm = ({
       <div className={valueInputStyles}>
         <TextInput
           placeholder={LABELS.valueInput}
-          // NOTE: LeafyGreen doesn't support aria-label and only understands "aria-labelledby" and "label".
-          aria-labelledby=""
           data-testid="match-stage-expected-value-input"
           aria-label={LABELS.valueInput}
           value={condition.value}
@@ -198,6 +197,7 @@ const MatchConditionForm = ({
           aria-label={LABELS.typeSelect}
           value={condition.bsonType}
           onChange={handleBsonTypeChange}
+          data-testid="match-condition-type-select"
         >
           {CASTABLE_TYPES.map((type) => (
             <Option key={type} value={`${type}`}>