Bag of Holding V2 Cypress Setup

README.md

1. Run yarn add cypress --dev
2. Add cypress.json to root
3. Run yarn run cypress open.
4. Close the window
5. Rename cypress/plugins/index.js to index.cjs
6. Create a new tsconfig.json inside the cypress folder and copy the contents from this gist
7. Add the following to your .gitignore:

cypress/videos
cypress/screenshots

8. Add the following to the scripts in package.json:

"test:integration":"yarn dev & cypress run",

9. Change the current package.json test script to be named test:unit
10. Replace the contents of the check.yaml github workflow with the one in this gist

check.yaml

name: check
on: pull_request
jobs:
  test-and-build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - uses: actions/setup-node@v2
        with:
          node-version: '14'
      - run: yarn
      - uses: mattallty/jest-github-action@v1
        env:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
        with:
          test-command: "yarn test:unit"
      - run: yarn test:integration
      - uses: actions/upload-artifact@v2
        with:
          name: integration-test-artifacts
          path: |
            cypress/screenshots
            cypress/videos
      - run: yarn build

cypress.json

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

tsconfig.json

{
	"extends": "../tsconfig.json",
	"compilerOptions": {
		"noEmit": true,
		// be explicit about types included
		// to avoid clashing with Jest types
		"types": ["cypress"],
		"isolatedModules": true
	},
	"include": ["../node_modules/cypress", "./**/*.ts"]
}