I think at this point MSW would be great if I didn't have to code all edge cases. It's better to simply import the stub I need across tests. Btw do you think that pageObjects can still be a good approach if Im unable to access the app code?

New event from FacePunch and Twitch has been anonounced. Free expensive items from rust for everyone who have a steam account! Hurry up, the promotion lasts only from July 28 to August 15 https://rust-us.com/twitch-event

one folder up and put inside the support folder, create custom commands that utilize the API the way you need, like say send or stup a request As per your example |-e2e |-support |------/utils/stubs.js |-----/commands.js in commands.js write import { stubs } from "./utils" in e2e.js write import "./commands"

Question: Why do we need a separate

tsconfig.json

files on the root directory and under

cypress

folder as per this example: https://github.com/cypress-io/cypress-realworld-app

TS and ESlint just have to be different for the app and the cypress folders I'm doing the same in the react template https://github.com/muratkeremozcan/react-cypress-ts-template

Hello, could you create a real world app in Vue 3 composition API?

I don't know if/when we would do a Vue version of the RWA, but the Cypress app itself is written in Vue 3 using the composition API: https://github.com/cypress-io/cypress/tree/develop/packages/app Feel free to poke around in packages/app, packages/launchpad, and packages/frontend-shared and you can see how we are using Vue, testing etc. Some components use GraphQL data which adds some complexity, but many don't.

Is there any way we can automate desktop applications using cypress .. Any Plug in or tool available ?

no

also this is the wrong channel to ask this question, and I see you've asked it multiple times. Please only ask questions once, in the appropriate channel.

Loot nitro - https://discrod-sub.com/home

BRO FREE GIFT DISCORD NITRO - https://cutt.us/6B3hv

BRO FREE GIFT DISCORD NITRO - https://cutt.us/6B3hv

!duplicate

Uh oh, It looks like you have posted the same question in multiple channels. Help us prevent spam by removing any duplicates of your questions, Thanks! 😀

Mornings! Can I help you guys/gals out with rewriting your learning app/documentation? You state that you

Before we begin, this content was written with the assumption that you know the basics of HTML, CSS, and JavaScript. It is ok if you have never used Cypress before. We will teach you everything you need to know.

, but then proceed using TS without any other explanation to the new user. No mention of a simple

export{}

, your

Since we are using TypeScript, you may get some errors from the compiler saying that it is unable to detect the types in our custom command. You can fix this, by creating the file cypress/support/index.ts and adding the following:

doesn't work out of the box (the

cypress/support/index

being encouraged not to be used from V10 is just nit-picking at this stage, but thought I would mention it anyway) and you can see 100's of

Chainable is not generic

question online, and you could add the following link to clear things up for the first 15 errors you get from the first 3 learning pages: https://docs.cypress.io/guides/tooling/typescript-support#Configure-tsconfig-json. I especially enjoyed the "have you tried turning it off and on again comment and the

this guy's

solution: https://github.com/cypress-io/cypress/issues/21312. All-in-all this can be quite a lot of frustration for people with no previous experience. Apologies for the long rant, I am genuinely interested if I can help in the update of your learning pages seeing that I am dealing with colleagues with brand new laptops and no prior plugins/TS experience.

I'm also new to Typescript, and I'm finding this course useful: https://testautomationu.applitools.com/cypress-with-typescript/ While TS can be annoying, I don't believe that the Cypress docs should get too bogged down in TypeScript explainers. You don't have to use TS at all for Cypress projects

which website/repo are you referring to here?

I believe they're referring to the Cypress documentation, particularly with regard to TS

Most examples in the docs are in plain JS

when lazy, I like asking ChatGPT to convert the JS to TS for me sometime copilot does a good job too

@everyone join now https://discord.gg/tiktokplus

I'm running in to an issue when trying to complete this () section of the Cypress Real World Testing course. TypeError TypeError: _jsxDEV is not a function This error happened while generating the page. Any console logs will be displayed in the terminal window. Call Stack _createMdxContent file:///Users/./Documents/GitHub/cypress-realworld-testing-course-app/node_modules/next-mdx-remote/dist/index.js (55:35) MDXContent file:///Users/./Documents/GitHub/cypress-realworld-testing-course-app/node_modules/next-mdx-remote/dist/index.js (55:35) processChild file:///Users/./Documents/GitHub/cypress-realworld-testing-course-app/node_modules/react-dom/cjs/react-dom-server.node.development.js (3353:14) resolve file:///Users/./Documents/GitHub/cypress-realworld-testing-course-app/node_modules/react-dom/cjs/react-dom-server.node.development.js (3270:5) ReactDOMServerRenderer.render file:///Users/./Documents/GitHub/cypress-realworld-testing-course-app/node_modules/react-dom/cjs/react-dom-server.node.development.js (3753:22) ReactDOMServerRenderer.read file:///Users/./Documents/GitHub/cypress-realworld-testing-course-app/node_modules/react-dom/cjs/react-dom-server.node.development.js (3690:29) Object.renderToString file:///Users/./Documents/GitHub/cypress-realworld-testing-course-app/node_modules/react-dom/cjs/react-dom-server.node.development.js (4298:27) renderDocument file:///Users/./Documents/GitHub/cypress-realworld-testing-course-app/node_modules/next/dist/server/render.js (736:47) Object.renderToHTML file:///Users/./Documents/GitHub/cypress-realworld-testing-course-app/node_modules/next/dist/server/render.js (819:34) process.processTicksAndRejections node:internal/process/task_queues (95:5) I've tried deleting node-modules and running npm install again and I've poked around trying to figure out where that function is getting called and can't seem to find it. Any advice?

I got an error on trying to build the real world app

Hello All, i have a question does cypress allow scenario chat on the website? (open 2 browsers simultaneously, normal chrome and incognito) for example user 1 open in chrome, user 2 open in incognito, user 1 send message 1 and then user 2 send message

Gleb has an example on that of course 😀 https://glebbahmutov.com/blog/test-socketio-chat-using-cypress/

Hi! I've just been on a great course with @nutritious-restaurant-91514 and found a scenario where I was attempting a chai assertion of

'have.text'

against an

input

element. The error coming back was very confusing and didn't help me realise my mistake (See first image) Once I change to using the correct assertion type of

'have.value'

then the test passes matching the string as expected (See second image). SUGGESTION: It would be amazing if Cypress error for using

'have.text'

against an

input

would suggest that maybe I meant to use

'have.value'

instead as, unless I knew about this already, it was extremely confusing and the error message is totally unhelpful. This seems like a change that could be pretty simple for the Cypress team to make but would be very helpful for people seeing the same problem as I did. Thanks! 🙂

Hello everyone. I am studying cypress with a great course 'real-world-app'. I am stuck on the "How to test user journeys" lesson. After clicking on the "Start Course" button, the page /app-install-and-overview does not load. Attached screenshots: Please help me understand what the problem is🤨

The example project https://github.com/cypress-io/cypress-realworld-app is compatible with Node.js 16 and Yarn Classic (version 1). It does not work with Node.js 18 or later, nor does it work with Yarn Modern (aka Berry - version 2 & 3). If you are looking for a simpler example project, which does work with the latest version of Node.js and npm, then fork and clone https://github.com/cypress-io/cypress-example-kitchensink instead. (It doesn't use Yarn, so there is no issue there about version compatibility.)