cypress.config.js settings - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ Predict Output

intermediate

Output of baseUrl setting in cypress.config.js

What will be the base URL used by Cypress tests if the following cypress.config.js is loaded?

Cypress

module.exports = {
  e2e: {
    baseUrl: 'https://example.com',
    setupNodeEvents(on, config) {
      // no changes
    }
  }
};

A https://localhost

B http://localhost:3000

C undefined

D https://example.com

💡 Hint

Look at the baseUrl property inside the e2e object.

The baseUrl is explicitly set to 'https://example.com' inside the e2e configuration. Cypress uses this as the base URL for all tests.

❓ assertion

intermediate

Correct assertion for viewportWidth in cypress.config.js

Given this cypress.config.js snippet, which assertion correctly verifies the viewport width setting?

Cypress

module.exports = {
  e2e: {
    viewportWidth: 1280,
    viewportHeight: 720
  }
};

A expect(config.viewportHeight).to.equal(1280);

B assert(config.viewportWidth === 1280);

C expect(config.e2e.viewportWidth).to.equal(1280);

D assert(config.e2e.viewportHeight === 1280);

💡 Hint

Check the property path and value for viewport width.

The viewportWidth is inside the e2e object and set to 1280. Option C correctly asserts this.

🔧 Debug

advanced

Identify the error in cypress.config.js

What error will Cypress throw when loading this cypress.config.js?

Cypress

module.exports = {
  e2e: {
    baseUrl: 'https://testsite.com',
    setupNodeEvents(on, config) {
      on('before:browser:launch', (browser = {}, launchOptions) => {
        launchOptions.args.push('--disable-gpu')
      });
    }
  }
};

A SyntaxError: Unexpected end of input

B TypeError: on is not a function

C No error, config loads successfully

D ReferenceError: launchOptions is not defined

💡 Hint

Check for missing or mismatched brackets and parentheses.

The arrow function passed to on is missing a closing parenthesis and curly brace, causing a syntax error.

🧠 Conceptual

advanced

Effect of setting video to false in cypress.config.js

What is the effect of setting video: false in the e2e configuration of cypress.config.js?

A Cypress will not record videos of test runs

B Cypress will disable screenshots on failure

C Cypress will run tests in headless mode only

D Cypress will skip all tests marked as @video

💡 Hint

Think about what the video setting controls in Cypress.

Setting video: false disables recording of videos during test runs, but does not affect screenshots or test execution mode.

❓ framework

expert

Correct way to configure retries in cypress.config.js

Which option correctly configures Cypress to retry failed tests 2 times for e2e tests only?

A module.exports = { retries: { runMode: 2, openMode: 0 } };

B module.exports = { e2e: { retries: { runMode: 2, openMode: 0 } } };

C module.exports = { e2e: { retries: 2 } };

D module.exports = { retries: 2 };

💡 Hint

Retries can be configured globally or per testing type. Here, only e2e tests should retry.

Option B correctly sets retries inside the e2e object with separate values for run and open modes.