Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hex-digital/nuxt-cypress-example

A Nuxt.js and Cypress starter kit. Examples include testing pages, store state, auth and more.
https://github.com/hex-digital/nuxt-cypress-example

Last synced: 7 days ago
JSON representation

A Nuxt.js and Cypress starter kit. Examples include testing pages, store state, auth and more.

Awesome Lists containing this project

README

        

# example-nuxt-cypress

A Nuxt.js and Cypress starter kit. Examples include testing pages, store state, auth and more.

## Cypress

Example tests are found in `~/cypress/integration`

- Install dependencies: `yarn`
- Start local server: `yarn dev` or `yarn build && yarn start`
- Start cypress: `yarn cypress open`
- Run tests

## Test Examples

- [Login](https://github.com/hex-digital/nuxt-cypress-example/blob/master/cypress/integration/login.spec.js)
- Test user is currently logged out (Nuxt auth store has loggedIn equals false
- Log the user in using Nuxt auth, then test they are logged in (Nuxt auth store has loggedIn equals true)

![Video of Cypress logging in](https://user-images.githubusercontent.com/2754728/74766109-ab34ad80-527c-11ea-983e-f9d28ee76df3.gif)

## Build Setup

``` bash
# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate
```

For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org).