test(protocol-designer): start of cypress happy path test for mix settings

protocol-designer/cypress.config.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from 'cypress'
+
+module.exports = defineConfig({
+  video: false,
+  viewportWidth: 1440,
+  viewportHeight: 900,
+  e2e: {
+    baseUrl: 'http://localhost:5178',
+  },
+})

protocol-designer/cypress/e2e/mixSettings.cy.ts

@@ -0,0 +1,77 @@
+import '../support/commands'
+import { MixActions, MixVerifications } from '../support/mixSetting'
+import { UniversalActions } from '../support/universalActions'
+import { TestFilePath, getTestFile } from '../support/testFiles'
+import { verifyImportProtocolPage } from '../support/import'
+import { runSteps } from '../support/StepExecution'
+import type { StepsList } from '../support/StepExecution'
+
+describe('Redesigned Mixing Steps - Happy Path', () => {
+  beforeEach(() => {
+    cy.visit('/')
+    cy.closeAnalyticsModal()
+    const protocol = getTestFile(TestFilePath.DoItAllV8)
+    cy.importProtocol(protocol.path)
+    verifyImportProtocolPage(protocol)
+
+    // NOTE: vv make this chunk better//
+    cy.contains('Edit protocol').click()
+    cy.contains('Protocol steps').click()
+    cy.get('[id="AddStepButton"]').contains('Add Step').click()
+    cy.verifyOverflowBtn()
+  })
+
+  it('It should verify the working function of every permutation of mix checkboxes', () => {
+    const steps: StepsList = [
+      MixActions.SelectMix,
+      UniversalActions.Snapshot,
+      MixVerifications.PartOne,
+      MixActions.SelectLabware,
+      MixActions.SelectWellInputField,
+      MixVerifications.WellSelectPopout,
+      UniversalActions.Snapshot,
+      MixActions.Save,
+      MixActions.EnterVolume,
+      MixActions.EnterMixReps,
+      MixActions.SelectTipHandling,
+      UniversalActions.Snapshot,
+      MixActions.Continue,
+      MixVerifications.PartTwoAsp,
+      MixActions.AspirateFlowRate,
+      MixActions.AspWellOrder,
+      MixVerifications.AspWellOrder,
+      MixActions.AspMixTipPos,
+      MixVerifications.AspMixTipPos,
+      MixActions.Delay,
+      MixActions.Dispense,
+      MixVerifications.PartTwoDisp,
+      MixActions.DispenseFlowRate,
+      MixActions.Delay,
+      MixActions.BlowoutLocation,
+      MixActions.BlowoutFlowRate,
+      MixActions.BlowoutPosFromTop,
+      MixVerifications.BlowoutPopout,
+      MixActions.Save,
+      MixVerifications.Blowout,
+      MixActions.TouchTip,
+      MixVerifications.TouchTipPopout,
+      MixActions.Save,
+      MixVerifications.TouchTip,
+      MixActions.Rename,
+      MixActions.Save,
+      MixVerifications.Rename,
+      MixActions.Save,
+    ]
+    runSteps(steps)
+  })
+})
+
+/*
+To Add:
+MixActions.TipPosSideImageMove,
+MixActions.TipPosTopImageMove,
+MixActions.FlowRateWarning, **for asp and disp
+
+To Change:
+Need to refactor labware set up to have different labware on deck for better well selection coverage
+*/

protocol-designer/cypress/support/StepExecution.ts

@@ -13,13 +13,21 @@
   executeModSteps,
   executeVerifyModStep,
 } from './SupportModules'
+import {
+  MixActions,
+  MixVerifications,
+  executeMixAction,
+  executeVerifyMixStep,
+} from './mixSetting'
 
 export type StepsList = Array<
   | SetupActions
   | SetupVerifications
   | UniversalActions
   | ModActions
   | ModVerifications
+  | MixActions
+  | MixVerifications
 >
 
 export const runSteps = (steps: StepsList): void => {
@@ -29,6 +37,8 @@
     ModVerifications,
     SetupVerifications,
     UniversalActions,
+    MixActions,
+    MixVerifications,
   ]
 
   if (!isEnumValue(enumsToCheck, steps)) {
@@ -46,6 +56,10 @@
       executeModSteps(step as ModActions)
     } else if (isEnumValue([ModVerifications], step)) {
       executeVerifyModStep(step as ModVerifications)
+    } else if (isEnumValue([MixActions], step)) {
+      executeMixAction(step as MixActions)
+    } else if (isEnumValue([MixVerifications], step)) {
+      executeVerifyMixStep(step as MixVerifications)
     }
   })
 }

protocol-designer/cypress/support/commands.ts

@@ -32,6 +32,8 @@
       verifyCreateNewPage: () => Cypress.Chainable<void>
       togglePreWetTip: () => Cypress.Chainable<void>
       mixaspirate: () => Cypress.Chainable<void>
+      clickConfirm: () => Cypress.Chainable<void>
+      verifyOverflowBtn: () => Cypress.Chainable<void>
     }
   }
 }
@@ -49,6 +51,12 @@
   appSettings: 'App Info',
   privacy: 'Privacy',
   shareSessions: 'Share analytics with Opentrons',
+  move: 'Move',
+  transfer: 'Transfer',
+  mix: 'Mix',
+  pause: 'Pause',
+  heaterShaker: 'Heater-shaker',
+  thermocyler: 'Thermocycler',
 }
 
 export const locators = {
@@ -104,11 +112,11 @@
 // Home Page
 Cypress.Commands.add('verifyHomePage', () => {
   cy.contains(content.welcome)
+  cy.get(locators.privacyPolicy).should('exist').and('be.visible')
+  cy.get(locators.eula).should('exist').and('be.visible')
   cy.contains('button', locators.createProtocol).should('be.visible')
   cy.contains('label', locators.importProtocol).should('be.visible')
   cy.getByTestId(locators.settingsDataTestid).should('be.visible')
-  cy.get(locators.privacyPolicy).should('exist').and('be.visible')
-  cy.get(locators.eula).should('exist').and('be.visible')
 })
 
 Cypress.Commands.add('clickCreateNew', () => {
@@ -122,6 +130,10 @@
     .click({ force: true })
 })
 
+Cypress.Commands.add('clickConfirm', () => {
+  cy.contains(locators.confirm).click()
+})
+
 // Header Import
 Cypress.Commands.add('importProtocol', (protocolFilePath: string) => {
   cy.contains(locators.import).click()
@@ -158,6 +170,15 @@
     .should('be.visible')
 })
 
+Cypress.Commands.add('verifyOverflowBtn', () => {
+  cy.contains(content.move).should('exist').should('be.visible')
+  cy.contains(content.transfer).should('exist').should('be.visible')
+  cy.contains(content.mix).should('exist').should('be.visible')
+  cy.contains(content.pause).should('exist').should('be.visible')
+  cy.contains(content.heaterShaker).should('exist').should('be.visible')
+  cy.contains(content.thermocyler).should('exist').should('be.visible')
+})
+
 /// /////////////////////////////////////////////////////////////////
 // Legacy Code Section
 // This code is deprecated and should be removed