npm install cypress

describe('Post Resource', function() {
  it('Creating a New Post', function() {
    cy.visit('/posts/new')     // 1.

    cy.get('input.post-title') // 2.
      .type('My First Post')   // 3.

    cy.get('input.post-body')  // 4.
      .type('Hello, world!')   // 5.

    cy.contains('Submit')      // 6.
      .click()                 // 7.

    cy.url()                   // 8.
      .should('include', '/posts/my-first-post')

    cy.get('h1')               // 9.
      .should('contain', 'My First Post')
  })
})

describe('Hooks', function() {
  before(function() {
    // runs once before all tests in the block
  })

  after(function() {
    // runs once after all tests in the block
  })

  beforeEach(function() {
    // runs before each test in the block
  })

  afterEach(function() {
    // runs after each test in the block
  })
})

//only run this test
it.only('returns "fizz" when number is multiple of 3', function () {
  numsExpectedToEq([9, 12, 18], 'fizz')
})

// skip this test
it.skip('returns "fizz" when number is multiple of 3', function () {
  numsExpectedToEq([9, 12, 18], 'fizz')
})

describe('My First Test', function() {
  it('finds the content "type"', function() {
    // visit this page
    cy.visit('https://example.cypress.io')

    // select by this content from the page
    cy.contains('type');

    // what about a full jQuery selction engine
    cy.get('.action-email')
  })
})

describe('My First Test', function() {
  it('finds the content "type"', function() {
    cy.visit('https://example.cypress.io')
      .get('.action-email')
      .type('fake@email.com') // type in the email input
  })
})

describe('My First Test', function() {
  it('finds the content "type"', function() {
    // check if the email input is working as expected
    cy.visit('https://example.cypress.io')
      .get('.action-email')
      .type('fake@email.com')
      .should('have.value', 'fake@email.com')
  })
})

it('can add numbers', function() {
  expect(add(1, 2)).to.eq(3)
})

it('can subtract numbers', function() {
  assert.equal(subtract(5, 12), -7, 'these numbers are equal')
})

// Route all GET requests
// that have a URL that matches '/users/*'
// and force the response to be: []
cy.intercept('GET', '/users/*', [])

cy.intercept({
  pathname: '/search',
  query: {
    q: 'some terms'
  }
}).as('searchForTerms')
// this 'cy.wait' will only resolve once a request is made to '/search'
// with the query paramater 'q=some+terms'
cy.wait('@searchForTerms')

// we set the response to be the activites.json fixture
cy.intercept('GET', 'activities/*', {fixture:'activities.json'})


// we can also load alias a fixture to use it later in the test
cy.fixture('activities.json').as('activitiesJSON')
cy.intercept('GET', 'activities/*', '@activitiesJSON')

cy.intercept('activities/*', {fixture:'activities'}).as('getActivities')
cy.intercept('messages/*', {fixture:'messages'}).as('getMessages')

// visit the dashboard, which should make requests that match
// the two routes above
cy.visit('http://localhost:8888/dashboard')

// pass an array of Route Aliases that forces Cypress to wait
// until it sees a response for each request that matches
// each of these aliases
cy.wait(['@getActivities', '@getMessages'])

// these commands will not run until the wait command resolves above
cy.get('h1').should('contain', 'Dashboard')

// you still can wait for specfic time but you should not relay on manul waiting
cy.wait(1000) // wait for one second

cy.visit('https://www.cypress.io/')
cy.contains('Docs').click()