stevekinney / cypress

Cypress Playground

Code

There are two repositories for this project:

• This repostory.
• A super simple starter.

Clone down both, run npm install and the read below for a few extra steps for setting up this repository.

Lessons and Content

All of the lessons can be found here.

Getting Started

First and foremost, install your dependencies.

npm install

Next, set up the database.

npm run db:setup

Finally, spin up the server.

npm start

Your server will need to be running when you go to run your tests.

Running the Tests

You can run the tests using the following command. Note: You must have completed the following steps and have the server up and running.

npx cypress open

cypress's Issues

examples in lessons/Solution, Basic Practice.md have cy.get('form').submit();

Hi,
Any reason why most examples in lessons/Solution, Basic Practice.md have
cy.get('form').submit();
rather than actually clicking button to submit the form?

I'd expect clicking button to be done as that is what user does to submit the form.
Thanks for all info.
John

echo-chamber app does not work

Hello, I am getting the following error when trying to reach the echo chamber app:

I also noticed the following in my terminal and browser console as well:

Terminal:
Invalid prisma.user.findMany()` invocation:

The table main.User does not exist in the current database.
Error:
Invalid prisma.user.findMany() invocation:

The table main.User does not exist in the current database.
at cb (/Users/andyh82/projects/tutorials/fe-masters/cypress-testing/cypress/node_modules/@prisma/client/runtime/index.js:38683:17)
at async get (/Users/andyh82/projects/tutorials/fe-masters/cypress-testing/cypress/src/routes/echo-chamber/api/users.ts:5:16)
at async render_endpoint (file:///Users/andyh82/projects/tutorials/fe-masters/cypress-testing/cypress/node_modules/@sveltejs/kit/dist/ssr.js:65:19)
at async resolve (file:///Users/andyh82/projects/tutorials/fe-masters/cypress-testing/cypress/node_modules/@sveltejs/kit/dist/ssr.js:1716:10)
at async Object.handle (/Users/andyh82/projects/tutorials/fe-masters/cypress-testing/cypress/src/hooks.ts:8:9)
at async respond (file:///Users/andyh82/projects/tutorials/fe-masters/cypress-testing/cypress/node_modules/@sveltejs/kit/dist/ssr.js:1696:10)
at async svelteKitMiddleware (file:///Users/andyh82/projects/tutorials/fe-masters/cypress-testing/cypress/node_modules/@sveltejs/kit/dist/chunks/index.js:4558:22)`

Console:

All the other routes/apps seem to work fine.

I don't know Svelte at all, so any help would be appreciated! Thanks!

Describe is not defined

Started doing this through frontend masters. Describe is not defined when doing first test. Solved it by installing

"eslint-plugin-cypress": "^2.12.1",
and then in eslintrc extends array: "plugin:cypress/recommended"

Also had to dig a little bit how to set the file opener path. For Vscode in osx it was under: "/Applications/Visual Studio Code.app/Contents/Resources/app/bin/code"

Error on npm start #3

I have the same issue as was described in the previous 2 cases here. I followed all instructions from #2 but I'm still not able to run the app ☹️ Any ideas on how to fix it?

ERROR WHILE RUNNING NPM START

config.kit.ssr has been removed — use the handle hook instead: https://kit.svelte.dev/docs#hooks-handle

SyntaxError: Named export 'createFilter' not found.

I cloned the project and installed node modules with yarn install and also setup db as indicated in setup md file but when i run yarn start i get strange error related to svelte kit and vite

muhammadusman in git on branch -> main > yarn start

> [email protected] dev
> svelte-kit dev

file:///Volumes/Work%20Space/cypresspratice/.yarn/__virtual__/@sveltejs-vite-plugin-svelte-virtual-84871d7e09/0/cache/@sveltejs-vite-plugin-svelte-npm-1.4.0-5b718c940b-a5bb66fbf3.zip/node_modules/@sveltejs/vite-plugin-svelte/dist/index.js:630
import { createFilter } from "vite";
         ^^^^^^^^^^^^
SyntaxError: Named export 'createFilter' not found. The requested module 'vite' is a CommonJS module, which may not support all module.exports as named exports.
CommonJS modules can always be imported via the default export, for example using:

import pkg from 'vite';
const { createFilter } = pkg;

    at ModuleJob._instantiate (node:internal/modules/esm/module_job:128:21)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async ModuleJob.run (node:internal/modules/esm/module_job:194:5)
    at async Promise.all (index 0)
    at async ESMLoader.import (node:internal/modules/esm/loader:409:24)
    at async file:///Volumes/Work%20Space/cypresspratice/.yarn/__virtual__/@sveltejs-kit-virtual-ff9266991c/0/cache/@sveltejs-kit-npm-1.0.0-next.202-5e134529f8-d5dc997e20.zip/node_modules/@sveltejs/kit/dist/cli.js:838:19

Node.js v18.0.0

Error on `npm run start`

I'm getting the same error as in #1 where it tells me

config.kit.ssr has been removed — use the handle hook instead: https://kit.svelte.dev/docs/hooks#handle'

I'm on windows, any pointers on how to fix it?

Trouble upgrading to v10

Hi, I'm working through the Testing Web Apps with Cypress course on FE Masters, and I'm having difficulty upgrading Cypress to the latest version. I've been looking on StackOverflow for a few minutes now, and I'm just wondering...has someone already upgraded with this repo?

This is the error:

Your /Users/zebgirouard/Coding/tuts/cypress/cypress/plugins/index.ts file threw an error.
Please ensure your pluginsFile is valid and relaunch the migration tool to migrate to Cypress version 10.0.0.

I tried commenting out the imports in that file, and it's still the same error after re-running DEBUG=cypress* npx cypress open.

And unfortunately the videos for migrating to v10 on the Cypress site seem to assume that this error does not show--that I should just see a "Migrate to v10" button or something in the UI.