refactor(protocol-designer): add selectors for e2e tests (#7547)

- Add SubstepRow_aspirateWell, SubstepRow_volume, and SubstepRow_dispenseWell data-test attrs - Add StepSelectionBannerComponent_numberStepsSelected id
Opentrons · Mar 30, 2021 · e3222bc · e3222bc
1 parent 1587007
commit e3222bc
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/protocol-designer/src/components/StepSelectionBanner/StepSelectionBannerComponent.js b/protocol-designer/src/components/StepSelectionBanner/StepSelectionBannerComponent.js
@@ -108,6 +108,7 @@ export const StepSelectionBannerComponent = (
                 marginLeft="0.5rem"
                 fontWeight={FONT_WEIGHT_SEMIBOLD}
                 textTransform={TEXT_TRANSFORM_UPPERCASE}
+                id="StepSelectionBannerComponent_numberStepsSelected"
               >
                 {i18n.t('application.n_steps_selected', { n: numSteps })}
               </Text>

diff --git a/protocol-designer/src/components/steplist/SubstepRow.js b/protocol-designer/src/components/steplist/SubstepRow.js
@@ -138,13 +138,19 @@ function SubstepRowComponent(props: SubstepRowProps) {
           ingreds={compactedSourcePreIngreds}
         />
 
-        <span className={styles.emphasized_cell}>
+        <span
+          className={styles.emphasized_cell}
+          data-test="SubstepRow_aspirateWell"
+        >
           {props.source && props.source.well}
         </span>
-        <span className={styles.volume_cell}>{`${formatVolume(
-          props.volume
-        )} μL`}</span>
-        <span className={styles.emphasized_cell}>
+        <span className={styles.volume_cell} data-test="SubstepRow_volume">
+          {`${formatVolume(props.volume)} μL`}
+        </span>
+        <span
+          className={styles.emphasized_cell}
+          data-test="SubstepRow_dispenseWell"
+        >
           {props.dest && props.dest.well}
         </span>