TechradarDev/radar/2019-11-01/cypress.md

title, ring, quadrant, tags

title	ring	quadrant	tags
Cypress	assess	tools	frontend quality assurance

Cypress is a front-end testing tool (E2E). It comes as a simple node package and is therefore easy to use and maintain for front-end developers and testers. Cypress has a different approach than Selenium. It runs in the browser and in the same loop as the device under test.

Good:

• Open source
• Locally installed
• Straightforward (installed via npm and all tests are written in Javascript)
• Good documentation and learning material
• Can run in a headless mode

Not so good:

• No cross browser testing (only Chrome and Electron)
• Scenarios with multiple browser tabs can not be tested
• Relatively new test tool, though it is becoming more popular

Example of a test :

describe('My First Test', function() {
  it('Visits the Kitchen Sink', function() {
    cy.visit('https://example.cypress.io')

    cy.contains('type').click()

    cy.url().should('include', '/commands/actions')

    cy.get('.action-email')
      .type('fake@email.com')
      .should('have.value', 'fake@email.com')
  })
})