gregfarris / cypress

Cypress Confidence Test

In our session we are going to work on developing a set of confidence tests

Prerequisites

Node

Node.js and npm should be installed.

node -v
npm -v

Cypress IDE Extensions & Plugins

IntelliJ or VS Code is highly suggested, they both of good integration with cypress.
Review the Extensions-Plugins

Getting Started

We will create a set of tests for the search features in ICPSR.

Create and new directory for out project

mkdir confidence

Now Initialize our node project. You can take all of the defaults.

cd confidence
npm init -y

Now install cypress and open up the interactive runner

npm install cypress --save-dev

npx cypress open

Cypress has sample tests pre-loaded but we will not use these so in the runner window "No thanks, delete example files". Create your first test file, find-head-start.js

Head Start Study Page Test

Find the Head Start ICPSR 4134 and view the study page.

• visit site (https://www.icpsr.umich.edu/)
• find search input
• type "Head Start"
• verify search results
• navigate to the study page
• verify tabs

Find the Head Start ICPSR 4134 and view the study page.

• visit site (https://www.icpsr.umich.edu/)

describe('Find Head Start', () => {
    it('Visit', () => {
        cy.visit("https://www.icpsr.umich.edu");
    });
});

• Find Head start

  it('find head start ', function () {
    cy.visit("https://www.icpsr.umich.edu");
    cy.get('#test-search-box').type("head start 4134");
    cy.get("form").submit();
    cy.get("h1").contains("Search Results").should("exist");
  });

Open Study

  it('open study ', function () {
    cy.get('a[href$="studies/4134"]').click();
    cy.get("h1").contains("ICPSR 4134").should("exist");
  });

Verify Tabs

    it('verify summary tab', function () {
        cy.get('#summaryLink').click();
        cy.location('pathname').should('contain', '/summary');
      });
      it('data documentation tab ', function () {
        cy.get('#datadocumentationLink').click();
        cy.location('pathname').should('contain', '/datadocumentation');
      });
    
      it('variables tab ', function () {
        cy.get('#variablesLink').click();
        cy.location('pathname').should('contain', '/variables');
      });

Notes

• Testing Format in Cypress
• Cypress Commands
• Chrome Security
• Selector Playground
• Select Elements Best Practices
• Common-Assertions