Hello, What are the best way to make different environments , Dev and Release on Cypress 10, I am checking a few articles in google any suggestions for a good example so i could do it on my own.

By using different config files for each env https://docs.cypress.io/guides/references/configuration#Specifying-an-Alternative-Config-File

Hi

Yes, for example I have: * default config file at root:

cypress.config.ts

* then inside a new folder I have other config files:

/cypress/configs/cypress.mobile.config.ts

Then you can use a very helpful package like

defu

to handle inheritance inside the new config, to avoid key / value duplication. i.e.

import { defineConfig } from 'cypress';
import defu from 'defu';

import defaultConfig from '../../cypress.config';

export default defineConfig(
  defu(
    {
      viewportWidth: 375,
      viewportHeight: 812,
      userAgent: 'Mozilla/5.0 (iPhone; CPU iPhone OS 13_2_3 like Mac OS X) Mobile/15E148',
      env: {
        device: 'mobile',
      },
    },
    defaultConfig
  )
);

And finally here's the run command that specifies the new config file to use:

cypress run --browser chrome --config-file cypress/configs/cypress.mobile.config.ts

alright seems good, i will see to install this Defu first and then try your version

Obviously just replace my

mobile

values example with your

environment

required values.

yea yea, for sure