Environment variables for configuration in Cypress - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to access an environment variable in Cypress.

Cypress

const baseUrl = Cypress.env([1]);

Drag options to blanks, or click blank then click option'

Aprocess.env.BASE_URL

BbaseUrl

C"BASE_URL"

Denv.BASE_URL

Attempts:

3 left

💡 Hint

Common Mistakes

Using variable names without quotes inside Cypress.env()

Trying to access environment variables via process.env in Cypress test code

In Cypress, environment variables are accessed using Cypress.env() with the variable name as a string.

2fill in blank

medium

Complete the code to set a default value for an environment variable in Cypress test.

Cypress

const apiUrl = Cypress.env([1]) || "https://default.api.com";

Drag options to blanks, or click blank then click option'

AAPI_URL

B"API_URL"

CapiUrl

Dprocess.env.API_URL

Attempts:

3 left

💡 Hint

Common Mistakes

Passing variable name without quotes

Using process.env in Cypress test code

Environment variable names must be passed as strings to Cypress.env(). This code sets a default if the variable is not set.

3fill in blank

hard

Fix the error in the code to correctly read an environment variable in Cypress.

Cypress

cy.visit(Cypress.env([1]));

Drag options to blanks, or click blank then click option'

A"BASE_URL"

Bprocess.env.BASE_URL

CbaseUrl

DBASE_URL

Attempts:

3 left

💡 Hint

Common Mistakes

Using variable names without quotes

Trying to access process.env in Cypress test code

The environment variable name must be a string inside Cypress.env(). Without quotes, it causes an error.

4fill in blank

hard

Fill both blanks to set and get an environment variable in Cypress configuration.

Cypress

Cypress.config([1]: Cypress.env([2]));

Drag options to blanks, or click blank then click option'

A"baseUrl"

B"BASE_URL"

CbaseUrl

DBASE_URL

Attempts:

3 left

💡 Hint

Common Mistakes

Not using quotes for keys

Mixing uppercase and lowercase incorrectly

To set the baseUrl config from an environment variable, use the config key as a string and the env variable name as a string.

5fill in blank

hard

Fill all three blanks to create a test that uses an environment variable for login URL and asserts the page title.

Cypress

describe('Login Test', () => {
  it('visits login page', () => {
    cy.visit(Cypress.env([1]));
    cy.title().should([2], [3]);
  });
});

Drag options to blanks, or click blank then click option'

A"LOGIN_URL"

B"eq"

C"Login Page"

D"loginUrl"

Attempts:

3 left

💡 Hint

Common Mistakes

Not using quotes around environment variable name

Using wrong assertion method

Forgetting quotes around expected title

The test visits the URL from the environment variable LOGIN_URL. It then asserts the page title equals Login Page using the eq assertion.