wow, the typescript supportability in Cypress is very complicated :S

GG @purple-afternoon-2408, you just advanced to level 1!

https://cypress.tips/courses/network-testing could be your friend

https://stackoverflow.com/questions/69769440/cypress-i-am-trying-to-intercept-the-10-calls-which-originate-from-1-button-cli can some one check this? Second comment does not work for me because i don’t know how many calls i gonna have. @gray-kilobyte-89541

Maybe a silly question, but is there was way to set a data-attr on an element from a test? I've been googling it but its hard because it appears stack overflow is down...

cy.get('body').then(body => body[0].dataset['no-js'] = '???')

That seems like it should work but I'm getting a

setting getter-only

error.

For context - I have a data attr on my body element that gets removed immediately by a js script. I use that attr to style thing different when the client side JS isn't there. So what I really want to do here is run a test suit in a mode where the browser has JS turned off. If I can do that I don't need to do this business I asked about above.

I found this issue - https://github.com/cypress-io/cypress/issues/1611 Is this still the best way to do this?

intercept HTML, remove all JS, boom!

if you search https://cypress.tips/search among the examples you can find it. Since Cy commands yield jQuery object, it is very simple to set an attribute

I bet it is covered in https://cypress.tips/courses/network-testing

Ah, yeah, I always forget its jquery behind the scenes. I think just rendering the html with no script tags is what I want, closer to what would actually happen to a user.

Thank you!

Hi all, I'm having some trouble getting Cypress component testing working and I'm wondering if someone could help? I've tried the following steps a couple of different times and I am getting the same result. I've tried different machines as well, just in case. After trying the steps below, Cypress gets stuck on the "Your tests are loading..." screen.

# create a new vite/react-ts project
> pnpm create vite
# name the project, choose react for framework and react-ts for variant
> cd <project> && pnpm install
> pnpm add -D cypress
> pnpm exec cypress open
# follow the automated setup steps for component testing setup from Cypress, choosing react/vite
# choose to create a new test file automatically
# change it to have a .tsx extension
# import the default created <App /> from src and add it to cy.mount()
# run the component test

I've also tried the above with

npm

just to be safe and got the same result. I feel like I'm just missing something silly and could really use a hand. I can also put up a small repo as an issue if that's better / helps! Versions: react@18.2.0 vite@3.0.0 typescript@4.6.4 cypress@10.3.1

I googled the error and it says you need to declare namespace Cypress. I use cypress helper extension for VS code and it does it for me https://stackoverflow.com/questions/69927966/argument-type-string-is-not-assignable-to-parameter-type-keyof-chainable-in-c

I have your course. Can u help me find it? I try to find on course but didn’t manage. U better know where it is @gray-kilobyte-89541

Did anyone managed to make cypress component testing work with vite? It losses the process.envs, and can't load. On webpack it fails to load my config

A minimal reproduction repo would be great, thanks!

We use Cy component testing with Vite at Cypress, if you can make a reproduction showing the problems in your situation I'd be happy to take a look.

this might help https://medium.com/@gurudatt.sa26/cypress-adding-a-custom-command-f6ae05751b61

We use Cy component testing with Vite at

Hey all, I have an issue with Cypress App where it shows not responding after sometime I started my test. I couldnt find any similar thread online, anyone faced same issue before?

Basically every time i edited my code, I need to terminate the batch job, and do cypress open again to run my new code

Hi all, the application that I use to automate is a Single SPA. Recently there was a code change to include refresh token code for session timeout which had a check for iframe to do a silent callback for signin. function inIframe() { try { return window.self !== window.top; } catch (e) { return true; } } After this change, when I try to launch the app via Cypress, it does not launch the app at all. There is a blank page always with no error.

"Bonus 19: How to get the last network call of multiple ones"?

This is not working at all for me… can u check again what i posted. I don’t know how many i api calls gonna have….

If you don't know how many calls are incoming I probably can't help you and you'll have to refer to Gleb's guide. But usually call count will be consistent (and if it's not, why not?) so triple check to see if there's a pattern. Once you have the pattern figured out you can use an array with

cy.wait()

to wait for one of each thing. Example:

cy.intercept('updateCalendar').as('uc')
cy.intercept('saveOrder').as('so')
cy.get('[data-test-id="shinyRedButton"]').click()
cy.wait(['uc','so'])

If you expect duplicates, just put duplicates in the array.

cy.wait(['uc','uc','uc','so'])

https://docs.cypress.io/api/commands/wait#Aliases

🙂 I don't know how to help with "suggestion number 2 is not working for me, and I don't know how many calls I have". Like what do you expect the test to do? If you don't know if the network is making 0, 1, 10 or 100 calls, what do you want to check? Maybe wait 10 seconds, and then grab the last network call? Use alias.all if necessary

I'm having a really silly issue I just can't seem to get to work... I'm trying to check some a11y stuff, I want to make sure each of my

tabpanels

is

labelledby

correctly.

cy.wrap(panel).invoke('attr', 'aria-labelledby').then(label => {
  const expectedLabel = cy.get('@tabs').eq(index).invoke('attr', 'id')
  cy.wrap(label).should('eq', expectedLabel)
})

I can see in the cypress test runner console that

const expectedLabel = ...

gives me what I expect -

Yielded:         web-component-tabs-web-component-tab-one

. However, on the next line, the text fails like this

component-tab-one to equal { Object (userInvocationStack, specWindow, ...) }

Do I need to put a

.then(label => ...

in there somewhere on the line calling

.invoke('attr', 'id')

?

Can you combine these two lines const expectedLabel = cy.get('@tabs').eq(index).invoke('attr', 'id') cy.wrap(label).should('eq', expectedLabel) to single line cy.get('@tabs').eq(index).invoke('attr', 'id').should('eq', label)

does anyone know how can i debug cypress commands / tasks running on the backend? it seems like cypress allows me to debug only code running in the browser