Cypress + Gatsby Recipe

cypress.json

{
  "baseUrl": "http://localhost:8000"
}

home-page.js

describe('My home page', () => {
  beforeEach(() => {
    cy.visit('/')
  })

  /*
   * TODO: make this test work
   */
  it('contains the text hello gatsby', () => {
    expect(cy.getByText('sup')).should('eq', 'Hello Gatsby')
  })
})

plugins-index.js

// ***********************************************************
// This example plugins/index.js can be used to load plugins
//
// You can change the location of this file or turn off loading
// the plugins file with the 'pluginsFile' configuration option.
//
// You can read more here:
// https://on.cypress.io/plugins-guide
// ***********************************************************

// This function is called when a project is opened or re-opened (e.g. due to
// the project's config changing)

module.exports = (on, config) => {
  // `on` is used to hook into various events Cypress emits
  // `config` is the resolved Cypress config
}

support-index.js

import '@testing-library/cypress/add-commands'
import 'gatsby-cypress'
// custom commands?
// import './commands'