feat(protocol-designer): Make createNew.ts more robust and use it to start testing protocol actions in PD

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

@@ -7,17 +7,19 @@
 describe('The Import Page', () => {
   beforeEach(() => {
     cy.visit('/')
     cy.closeAnalyticsModal()
   })
 
   it('successfully loads a protocol exported on a previous version', () => {
+    cy.contains('button', 'Confirm').click()
     const protocol = getTestFile(TestFilePath.DoItAllV7)
     cy.importProtocol(protocol.path)
     verifyOldProtocolModal()
     verifyImportProtocolPage(protocol)
   })
 
   it('successfully loads a protocol exported on the current version', () => {
+    cy.contains('button', 'Confirm').click()
     const protocol = getTestFile(TestFilePath.DoItAllV8)
     cy.importProtocol(protocol.path)
     verifyImportProtocolPage(protocol)

protocol-designer/cypress/e2e/transferSettings.cy.js

@@ -1,3 +1,289 @@
+import '../support/commands.ts'; // Importing the custom commands file
+
+
+/*
+These constants will help us run through both test suites in one go
+*/
+const Flex_Home = 'Opentrons Flex';
+const OT2_Home = 'Opentrons OT-2';
+const pipette = '1-Channel'
+
+describe('Happy Path Transfer Tests', () => {
+            it('It should verify the working function of every permutation of transfer checkboxes', () => {
+
+                        cy.visit('/'); // Replace with the appropriate URL or navigation
+
+                        cy.verifyHomePage(); // This calls the custom command from commands.ts
+                        cy.clickCreateNew() /
+                            cy.robotSelection(Flex_Home)
+
+
+                        function putPipette(pipette) {
+                            cy.contains('label', pipette).should('exist').and('be.visible').click()
+                        }
+                        putPipette(pipette)
+                        // Check step 2 has the right text
+                        cy.contains('Step 2')
+                        cy.contains('Add a pipette')
+                        cy.contains('Pick your first pipette. If you need a second pipette, you can add it next.')
+                        // Check 
+                        cy.contains('button', 'Go back').click()
+                        cy.robotSelection(Flex_Home)
+                        putPipette(pipette)
+                        // Make a function for this later that selects a pipette and its tips
+                        let tip_volume = '50 µL'
+                        let tip_rack = 'Filter Tip Rack 50 µL'
+                        // I'm leaving them as "let" because they'll be lists some day
+                        cy.contains(tip_volume).click()
+                        cy.contains(tip_rack).click()
+                        cy.contains('Confirm').click()
+                        cy.contains('Left Mount').should('be.visible')
+                        if (tip_rack === 'Filter Tip Rack 50 µL') {
+                            cy.contains('Flex 1-Channel 50 μL').should('be.visible')
+                            cy.contains(tip_rack).should('be.visible')
+                            //  block of code to be executed if the condition is true
+                        }
+                        cy.contains('Confirm').click()
+                        // Gripper setup on step 3 of the onboarding flow 
+
+                        let wantGripper = 'Yes'
+
+                        function step3Gripper(wantGripper) {
+                            cy.contains('Add a gripper').should('be.visible')
+                            cy.contains('Do you want to move labware automatically with the gripper?').should('be.visible')
+                            cy.contains('Yes').should('be.visible')
+                            cy.contains('No').should('be.visible')
+                            cy.contains('Yes').click()
+                            cy.contains('button', 'Confirm').click()
+                            return console.log('step 3 onboarding step looks good!')
+                        }
+                        step3Gripper(wantGripper)
+                        // Maybe a module selection function? 
+                        function step4modules() {
+
+
+                            cy.contains('Thermocycler Module GEN2').click()
+                            cy.get('img[alt="thermocyclerModuleType"]').should('be.visible')
+                            cy.contains('Heater-Shaker Module GEN1').click()
+                            cy.get('img[alt="heaterShakerModuleType"]').should('be.visible')
+                            cy.contains('Magnetic Block GEN1').click()
+                            cy.get('img[alt="magneticBlockType"]').should('be.visible')
+                            cy.contains('Temperature Module GEN2').click()
+                            cy.get('img[alt="temperatureModuleType"]').should('be.visible')
+                            cy.contains('Confirm').click()
+                        }
+                        step4modules()
+                        // Todo Step 5 and Step 6 test
+                        cy.contains('Confirm').click()
+                        cy.contains('Confirm').click()
+                        // ToDo make sure that the protocol overview stage works. 
+                        cy.contains('Edit protocol').click()
+                        cy.chooseDeckSlot('C2').click()
+                        cy.contains('Add hardware/labware').click()
+                        //cy.contains('foreignObject[x="164"][y="107"]', 'Edit slot').click()
+                        cy.contains('Labware').click()
+                        cy.contains('Well plates').click()
+                        cy.contains('Armadillo 96 Well Plate 200 µL PCR Full Skirt').click({
+                            force: true
+                        })
+                        cy.get('[data-testid="Toolbox_confirmButton"]').click({
+                            force: true
+                        })
+                        // Todo make a liquid adding function
+                        /*
+                         */
+                        cy.chooseDeckSlot('C2')
+                            .find('.Box-sc-8ozbhb-0.kIDovv')
+                            .find('a[role="button"]')
+                            .contains('Edit slot')
+                            .click({
+                                force: true
+                            })
+                        cy.contains('button', 'Add liquid').click()
+                        cy.contains('button', 'Liquid').click()
+                        cy.contains('button', 'Define a liquid').click()
+                        cy.get('input[name="name"]') // Select the input with name="name"
+                            .type('My liquid!')
+
+                        cy.get('div[aria-label="ModalShell_ModalArea"]')
+                            .find('form') // Target the form that wraps the button
+                            .invoke('submit', (e) => {
+                                e.preventDefault(); // Prevent default behavior
+                            });
+
+                        // Then click the Save button
+                        cy.get('div[aria-label="ModalShell_ModalArea"]')
+                            .find('button[type="submit"]')
+                            .contains('Save')
+                            .click()
+
+                        cy.get('circle[data-wellname="A1"]').click({
+                            force: true
+                        })
+                        cy.get('circle[data-wellname="A2"]').click({
+                            force: true
+                        });
+
+
+                        // Open the dropdown
+                        cy.get('div[tabindex="0"].sc-bqWxrE').click();
+
+                        // Select the option with specific text
+                        cy.contains('My liquid!').click();
+                        cy.contains('Liquid')
+                        cy.contains('Add liquid')
+                        cy.contains('Liquid volume by well')
+                        cy.contains('Cancel')
+                        cy.get('input[name="volume"]').type(150)
+                        cy.contains('button', 'Save').click();
+                        cy.contains('button', 'Done').click({
+                            force: true
+                        })
+
+                        cy.chooseDeckSlot('C3').click()
+                        cy.contains('Add hardware/labware').click()
+                        //cy.contains('foreignObject[x="164"][y="107"]', 'Edit slot').click()
+                        cy.contains('Labware').click()
+                        cy.contains('Well plates').click()
+                        cy.contains('Bio-Rad 96 Well Plate 200 µL PCR').click({
+                            force: true
+                        })
+                        cy.get('[data-testid="Toolbox_confirmButton"]').click({
+                            force: true
+                        })
+                        //cy.get('[data-testid="Toolbox_confirmButton"]').click({ force: true })
+                        // Todo make a liquid adding function
+                        cy.contains('button', 'Protocol steps').click()
+                        cy.contains('button', '+ Add Step').click()
+                        cy.contains('button', 'Transfer').should('be.visible').click();
+                        cy.contains('Source labware')
+                        cy.contains('Select source wells')
+                        cy.contains('Destination labware')
+                        cy.contains('Volume per well')
+                        cy.contains('Tip handling')
+                        cy.contains('Tip handling')
+                        cy.contains('Tip drop location')
+
+  //cy.get('button[type="submit"]').contains('Save').click();
+
+  //cy.contains('button','Save').click()
+
+
+    /*  
+
+    cy.get('foreignObject[x="164"][y="107"]') // Select the <foreignObject> with specific attributes
+  .find('.Box-sc-8ozbhb-0.kIDovv')       // Find the parent <div> inside it
+  .find('a[role="button"]')              // Find the <a> element acting as a button
+  .contains('Edit slot')                 // Ensure it contains the text "Edit slot"
+  .click()
+
+    */
+
+    //cy.contains('foreignObject[x="164"][y="107"]', 'Edit slot').click({force:true})
+
+
+
+
+
+    //cy.contains('Labware')
+
+    //C2
+    //cy.contains('foreignObject[x="164"][y="107"]', 'Edit slot').click()
+    /*
+    List of foreign objects by their dimensions
+    A1 cy.contains('foreignObject[x="164"][y="107"]', 'Edit slot'.click())
+    A2 cy.contains('foreignObject[x="164"][y="321"]', 'Edit slot'.click())
+    A3 cy.contains('foreignObject[x="328"][y="321"]', 'Edit slot'.click())
+    B1 cy.contains('foreignObject[x="0"][y="214"]', 'Edit slot'.click())
+    B2 cy.contains('foreignObject[x="164"][y="214"]', 'Edit slot'.click())
+    B3 cy.contains('foreignObject[x="328"][y="214"]', 'Edit slot'.click())
+    C1 cy.contains('foreignObject[x="0"][y="107"]', 'Edit slot').click()
+    C2  cy.contains('foreignObject[x="164"][y="107"]', 'Edit slot').click()
+    C3 cy.contains('foreignObject[x="328"][y="107"]', 'Edit slot').click()
+    D1 cy.contains('foreignObject[x="0"][y="0"]', 'Edit slot').click()
+    D2 cy.contains('foreignObject[x="0"][y="0"]', 'Edit slot').click()
+    D3 cy.contains('foreignObject[x="328"][y="0"]', 'Edit slot').click()
+
+    const deck_slots = {
+  A1: cy.contains('foreignObject[x="164"][y="107"]', 'Edit slot').click(),
+  A2: cy.contains('foreignObject[x="164"][y="321"]', 'Edit slot').click(),
+  A3: cy.contains('foreignObject[x="328"][y="321"]', 'Edit slot').click(),
+  B1: cy.contains('foreignObject[x="0"][y="214"]', 'Edit slot').click(),
+  B2: cy.contains('foreignObject[x="164"][y="214"]', 'Edit slot').click(),
+  B3: cy.contains('foreignObject[x="328"][y="214"]', 'Edit slot').click(),
+  C1: cy.contains('foreignObject[x="0"][y="107"]', 'Edit slot').click(),
+  C2: cy.contains('foreignObject[x="164"][y="107"]', 'Edit slot').click(),
+  C3: cy.contains('foreignObject[x="328"][y="107"]', 'Edit slot').click(),
+  D1: cy.contains('foreignObject[x="0"][y="0"]', 'Edit slot').click(),
+  D2: cy.contains('foreignObject[x="0"][y="0"]', 'Edit slot').click(),
+  D3: cy.contains('foreignObject[x="328"][y="0"]', 'Edit slot').click()
+};
+
+
+    */
+
+
+    /*
+    cy.get('img src="https://sandbox.designer.opentrons.com/chore_release-pd-8.2.2/assets/MagneticBlock_GEN1_HERO-BOB_hSjt.png"')
+    .should('be.visible')
+    cy.contains('Temperature Module GEN2').click()
+    */
+
+
+
+
+
+
+
+
+    // 
+
+
+
+
+
+
+
+
+
+
+
+
+    // ToDo split pipette selector to only do one (left or right). 
+    // ToDo Get a function that grabs all pipette names to select on this page
+    /*
+    Select pipette
+    <label tabindex="0" role="label" for="1-Channel" class="sc-hLBbgP sc-eDvSVe eXFOtc hkuXTe"><div class="Flex-sc-1qhp8l7-0 jnMqWr"><p class="Text-sc-1wb1h0f-0 StyledText__DesktopStyledText-sc-18lb8jp-0 StyledText-sc-18lb8jp-1 cJXFkZ bslzER jgHigt">1-Channel</p></div></label>
+    Select tip 
+    Select Modules 
+
+
+
+    */
+    /*
+    const Flex_Home ='Opentrons Flex'
+    const OT2_Home = 'Opentrons OT-2'
+    cy.visit('/'); // Replace with the appropriate URL or navigation
+    cy.verifyHomePage(); // This calls the custom command from commands.ts
+    cy.clickCreateNew()
+    cy.contains('label', Flex_Home).should('be.visible')
+    cy.contains('label', OT2_Home ).should('be.visible').click()
+    cy.contains('button', "Confirm").should('be.visible')
+
+    */
+
+
+
+  });
+});
+
+
+
+
+
+
+
+
 // TODO: refactor to test with new navigation
 // const isMacOSX = Cypress.platform === 'darwin'
 // const batchEditClickOptions = { [isMacOSX ? 'metaKey' : 'ctrlKey']: true }
@@ -43,7 +329,13 @@
 //   cy.get('button').contains('exit batch edit').should('exist')
 // }
 
+/*
 describe('Advanced Settings for Transfer Form', () => {
+  cy.visit('/')
+
+
+
+
   // before(() => {
   //   cy.visit('/')
   //   cy.closeAnnouncementModal()
@@ -345,3 +637,4 @@
   //   })
   // })
 })
+*/