sales-force-contact-form

sales-force-contact-form

/// <reference types="Cypress" />

context('Applitools', () => {
    beforeEach(() => {

        // Open the Applitools Test
        cy.eyesOpen({
            appName: 'Applitools CircleCI',
            browser: [
                { width: 800, height: 600, name: 'firefox' },
                { width: 1024, height: 768, name: 'chrome' },
                { deviceName: 'iPhone X', screenOrientation: 'landscape', name: 'chrome' }
            ]
        });

        cy.visit('/form/contact/contactme')
    });

    afterEach(() => {
        // Close the active test
        cy.eyesClose();
    })

    it('fill the contact us form', () => {

        // Wait on the page to load
        cy.location('pathname', { timeout: 10000 })
            .should('include', '/contactme');

        // Take a snapshot of the contact form
        cy.eyesCheckWindow('Contact Form');

        // Fill First Name
        cy.get('input[id^="UserFirstName"]')
            .type('John')
            .should('have.value', 'John');

        // Fill Last Name
        cy.get('input[id^="UserLastName"]')
            .type('Smith')
            .should('have.value', 'Smith');

        // Fill User Title
        cy.get('input[id^="UserTitle"]')
            .type('Senior Manager')
            .should('have.value', 'Senior Manager');

        // Fill a email address
        cy.get('input[id^="UserEmail"]')
            .type('john.smith@gmail.com')
            .should('have.value', 'john.smith@gmail.com');

        // Fill a Phone number
        cy.get('input[id^="UserPhone"]')
            .type('+1-202-555-0176')
            .should('have.value', '+1-202-555-0176');

        // Fill a Company Name
        cy.get('input[id^="CompanyName"]')
            .type('John Smith LTD')
            .should('have.value', 'John Smith LTD');

        // Select number of employees
        cy.get('select[id^="CompanyEmployees"]')
            .select('3')
            .should('have.value', '3');

        // Select Country
        cy.get('select[id^="CompanyCountry"]')
            .select('US')
            .should('have.value', 'US');

        // Select State
        cy.get('select[id^="CompanyState"]')
            .select('AZ')
            .should('have.value', 'AZ');

        // Select Product/Interest
        cy.get('select[id^="Lead.Primary_Product_Interest"]')
            .select('Sales')
            .should('have.value', 'Sales');

        // Fill the User Description
        cy.get('textarea[id^="UserDescription"]')
            .type('I am requesting a demo!')
            .blur()
            .should('have.value', 'I am requesting a demo!');

        // cy.wait(500);

        // Take a snapshot before submitting the form
        cy.eyesCheckWindow('Contact Form before submitting');

        // Submit the form
        cy.get('button[name="Submit"]').click();

        // Wait on the page to load
        cy.location('pathname', { timeout: 10000 })
            .should('include', '/conf/contactme');

        // Verify the message has went through
        cy.get('h2').contains("We'll be in touch").should('be.visible', true);

        // Take a snapshot of the contact form submission
        cy.eyesCheckWindow('Contact Form Submission Results');
    });
})