cypress-example-recipes | Various recipes for testing common scenarios with Cypress | Testing library

I developed some service workers but when the complex of the service workers (SW) is getting higher I want to create a tests battery to check it out regularly.

I decided to use Cypress in first instance. But I struggle with some problems that dont let me handle the situation.

1. Offline mode. Cypress has no native use case but has a recipe for Chrome (it doesnt matter if it works only in a unique browser)
2. When offline mode recipe is active the fetch doesn't work properly on the test.

Cypress Open Issues - Simulate offline mode #235

Cypress Offline Mode Recipe for Chrome

The same web works on the browser but not in the cypress test.

Cypress test code

How can I pass an env name to Cypress tests to load a set of env variables? The Cypress page remains cryptic and does not answer this question: https://docs.cypress.io/guides/guides/environment-variables#Option-2-cypress-env-json

Also, their example does it in a way that would force me to write shell scripts to handle switching variables: https://github.com/cypress-io/cypress-example-recipes/tree/master/examples/server-communication__env-variables . There is no way hard-coding the env name is going to work for me: https://github.com/cypress-io/cypress-example-recipes/blob/2e5fb3da420f544637ff77d81ff7261f5d2164e8/examples/server-communication__env-variables/cypress/integration/spec.js#L5

So, I created a file called cypress.playground.json but I don't know how to tell Cypress to load it up.

I'm having some problems with Cypress when I need to accept a window confirm popup that is fired from a iframe. Cypress it's not very friendly with iframes, but I managed to make it work until I've found that need.

So here's what I've tried (based on this):

I recently started writing tests with Cypress and I use a slightly modified version of the code available in one of the official documentation's recipes:

I want to write end-to-end tests on http://ivis.cs.bilkent.edu.tr/ From the menu, I want to do "File -> Import -> Simple AF" The second menu item "Import" should work with hover. After hover, a sub-menu should be open, and then you can click on "Simple AF".

below are my simple javascript codes.

I tried everything on https://github.com/cypress-io/cypress-example-recipes/blob/master/examples/testing-dom__hover-hidden-elements/cypress/integration/hover-hidden-elements-spec.js NONE WORKED!

We have a React application protected by a separate Identity Server site. When unauthenticated, the user is redirected to the login page within Identity Server and then on successful login they are then redirected to a callback URL within the React application.

I'm trying to automate this process as much as possible to improve the speed and reliability of our Cypress.io tests so that we don't need to login via the UI each time - allowing the tests to be atomic and free of unnecessary complexity.

What would be the best way to achieve this?

I've followed the examples the Cypress team give around logging in, but haven't been able to get it close to optimal: https://github.com/cypress-io/cypress-example-recipes/tree/master/examples/logging-in__single-sign-on

The closest I've come so far is by following this Auth0 article, but fell short of populating the id_token, nonce and state values to pass to the callback URL: https://auth0.com/blog/end-to-end-testing-with-cypress-and-auth0/

Any direction greatly appreciated.