diff --git a/docs/app/component-testing/angular/examples.mdx b/docs/app/component-testing/angular/examples.mdx index 1c9e23250b..13bd6a013e 100644 --- a/docs/app/component-testing/angular/examples.mdx +++ b/docs/app/component-testing/angular/examples.mdx @@ -6,7 +6,7 @@ sidebar_label: Examples :::info -##### What you'll learn +##### What you'll learn - How to mount an Angular component - How to pass data to an Angular component diff --git a/docs/app/component-testing/angular/overview.mdx b/docs/app/component-testing/angular/overview.mdx index 21028fd1a5..4204770802 100644 --- a/docs/app/component-testing/angular/overview.mdx +++ b/docs/app/component-testing/angular/overview.mdx @@ -6,7 +6,7 @@ sidebar_label: Overview :::info -##### What you'll learn +##### What you'll learn - How to set up component tests in Angular - How to configure Cypress for Angular projects diff --git a/docs/app/component-testing/component-framework-configuration.mdx b/docs/app/component-testing/component-framework-configuration.mdx index 102c0af12d..7a23a0c8a0 100644 --- a/docs/app/component-testing/component-framework-configuration.mdx +++ b/docs/app/component-testing/component-framework-configuration.mdx @@ -9,7 +9,7 @@ sidebar_label: Configuration :::info -##### What you'll learn +##### What you'll learn - How to configure Cypress for component testing - How to use a custom index file diff --git a/docs/app/component-testing/custom-frameworks.mdx b/docs/app/component-testing/custom-frameworks.mdx index badfb2557a..b108f455fc 100644 --- a/docs/app/component-testing/custom-frameworks.mdx +++ b/docs/app/component-testing/custom-frameworks.mdx @@ -5,7 +5,7 @@ sidebar_position: 100 :::info -##### What you'll learn +##### What you'll learn - How to customize Cypress to support your favorite framework - How to create a custom Framwork Definition and Mount Adapter for your framework diff --git a/docs/app/component-testing/get-started.mdx b/docs/app/component-testing/get-started.mdx index cbd2220a8f..5e62492801 100644 --- a/docs/app/component-testing/get-started.mdx +++ b/docs/app/component-testing/get-started.mdx @@ -9,7 +9,7 @@ sidebar_label: Get Started :::info -##### What you'll learn +##### What you'll learn - How to set up Component Testing for React, Angular, Vue, or Svelte - How to write your first component test diff --git a/docs/app/component-testing/react/examples.mdx b/docs/app/component-testing/react/examples.mdx index 6b0027ca35..bb645a2c4e 100644 --- a/docs/app/component-testing/react/examples.mdx +++ b/docs/app/component-testing/react/examples.mdx @@ -6,7 +6,7 @@ sidebar_label: Examples :::info -##### What you'll learn +##### What you'll learn - How to mount a React component - How to pass data to a React component diff --git a/docs/app/component-testing/react/overview.mdx b/docs/app/component-testing/react/overview.mdx index eb6103e36b..345c6e014d 100644 --- a/docs/app/component-testing/react/overview.mdx +++ b/docs/app/component-testing/react/overview.mdx @@ -6,7 +6,7 @@ sidebar_label: Overview :::info -##### What you'll learn +##### What you'll learn - How to set up component tests in React - How to use Cypress with different React frameworks and bundlers diff --git a/docs/app/component-testing/styling-components.mdx b/docs/app/component-testing/styling-components.mdx index 5e6963952c..f634e875ef 100644 --- a/docs/app/component-testing/styling-components.mdx +++ b/docs/app/component-testing/styling-components.mdx @@ -9,7 +9,7 @@ sidebar_position: 20 :::info -##### What you'll learn +##### What you'll learn - Why you should test your component's styles - How to render components correctly with their CSS styles diff --git a/docs/app/component-testing/svelte/examples.mdx b/docs/app/component-testing/svelte/examples.mdx index 8c9c17a831..529137faa4 100644 --- a/docs/app/component-testing/svelte/examples.mdx +++ b/docs/app/component-testing/svelte/examples.mdx @@ -6,7 +6,7 @@ sidebar_label: Examples :::info -##### What you'll learn +##### What you'll learn - How to mount a Svelte component - How to pass props to a Svelte component diff --git a/docs/app/component-testing/svelte/overview.mdx b/docs/app/component-testing/svelte/overview.mdx index ea5dedbc3d..be440ae5d6 100644 --- a/docs/app/component-testing/svelte/overview.mdx +++ b/docs/app/component-testing/svelte/overview.mdx @@ -6,7 +6,7 @@ sidebar_label: Overview :::info -##### What you'll learn +##### What you'll learn - How to set up component tests in Svelte - How to configure Cypress for Svelte projects diff --git a/docs/app/component-testing/vue/examples.mdx b/docs/app/component-testing/vue/examples.mdx index d55f28e9a7..9d2e352acd 100644 --- a/docs/app/component-testing/vue/examples.mdx +++ b/docs/app/component-testing/vue/examples.mdx @@ -6,7 +6,7 @@ sidebar_label: Examples :::info -##### What you'll learn +##### What you'll learn - How to mount Vue components in Cypress - How to pass props and events to components diff --git a/docs/app/component-testing/vue/overview.mdx b/docs/app/component-testing/vue/overview.mdx index d792f1eb89..67ef4d409a 100644 --- a/docs/app/component-testing/vue/overview.mdx +++ b/docs/app/component-testing/vue/overview.mdx @@ -6,7 +6,7 @@ sidebar_label: Overview :::info -##### What you'll learn +##### What you'll learn - How to set up component tests in Vue - How to configure Cypress for Vue projects diff --git a/docs/app/continuous-integration/aws-codebuild.mdx b/docs/app/continuous-integration/aws-codebuild.mdx index 9a389bc412..423cc4c502 100644 --- a/docs/app/continuous-integration/aws-codebuild.mdx +++ b/docs/app/continuous-integration/aws-codebuild.mdx @@ -4,7 +4,7 @@ title: AWS CodeBuild :::info -##### What you'll learn +##### What you'll learn - How to set up Cypress tests in AWS CodeBuild - How to cache dependencies and build artifacts diff --git a/docs/app/continuous-integration/bitbucket-pipelines.mdx b/docs/app/continuous-integration/bitbucket-pipelines.mdx index 5a2b537fe6..052610f2c8 100644 --- a/docs/app/continuous-integration/bitbucket-pipelines.mdx +++ b/docs/app/continuous-integration/bitbucket-pipelines.mdx @@ -4,7 +4,7 @@ title: Bitbucket Pipelines :::info -##### What you'll learn +##### What you'll learn - How to set up Bitbucket Pipelines to run Cypress tests - How to cache dependencies and build artifacts diff --git a/docs/app/continuous-integration/circleci.mdx b/docs/app/continuous-integration/circleci.mdx index 50a1524f57..3e180b455f 100644 --- a/docs/app/continuous-integration/circleci.mdx +++ b/docs/app/continuous-integration/circleci.mdx @@ -4,7 +4,7 @@ title: CircleCI :::info -##### What you'll learn +##### What you'll learn - How to set up CircleCI to run Cypress tests with the Cypress Orb - How to cache dependencies and build artifacts diff --git a/docs/app/continuous-integration/github-actions.mdx b/docs/app/continuous-integration/github-actions.mdx index 1bad96f156..fa921cbefa 100644 --- a/docs/app/continuous-integration/github-actions.mdx +++ b/docs/app/continuous-integration/github-actions.mdx @@ -4,7 +4,7 @@ title: GitHub Actions :::info -##### What you'll learn +##### What you'll learn - How to set up Cypress tests in GitHub Actions - How to cache dependencies and build artifacts diff --git a/docs/app/continuous-integration/gitlab-ci.mdx b/docs/app/continuous-integration/gitlab-ci.mdx index c91d7f45b0..40f6a977e3 100644 --- a/docs/app/continuous-integration/gitlab-ci.mdx +++ b/docs/app/continuous-integration/gitlab-ci.mdx @@ -4,7 +4,7 @@ title: GitLab CI :::info -##### What you'll learn +##### What you'll learn - How to set up GitLab CI/CD to run Cypress tests - How to cache dependencies and build artifacts diff --git a/docs/app/continuous-integration/overview.mdx b/docs/app/continuous-integration/overview.mdx index 51a32d5931..ed363b9242 100644 --- a/docs/app/continuous-integration/overview.mdx +++ b/docs/app/continuous-integration/overview.mdx @@ -5,7 +5,7 @@ sidebar_position: 10 :::info -##### What you'll learn +##### What you'll learn - How to set up Cypress in Continuous Integration (CI) - How to run Cypress in CI, record tests, and run tests in parallel diff --git a/docs/app/core-concepts/best-practices.mdx b/docs/app/core-concepts/best-practices.mdx index 27bfbb082f..d6dbedf45e 100644 --- a/docs/app/core-concepts/best-practices.mdx +++ b/docs/app/core-concepts/best-practices.mdx @@ -5,7 +5,7 @@ sidebar_position: 80 :::info -##### What you'll learn +##### What you'll learn - Best practices on how to organize tests, log in, and control state - Strategies for selecting elements and assigning return values diff --git a/docs/app/core-concepts/interacting-with-elements.mdx b/docs/app/core-concepts/interacting-with-elements.mdx index 16dac9bb1c..70f820a447 100644 --- a/docs/app/core-concepts/interacting-with-elements.mdx +++ b/docs/app/core-concepts/interacting-with-elements.mdx @@ -5,7 +5,7 @@ sidebar_position: 35 :::info -##### What you'll learn +##### What you'll learn - How Cypress determines if an element is actionable - How to debug when elements are not actionable diff --git a/docs/app/core-concepts/introduction-to-cypress.mdx b/docs/app/core-concepts/introduction-to-cypress.mdx index 7b3dafef40..dc91d17464 100644 --- a/docs/app/core-concepts/introduction-to-cypress.mdx +++ b/docs/app/core-concepts/introduction-to-cypress.mdx @@ -14,7 +14,7 @@ it. :::info -##### What you'll learn +##### What you'll learn - The rules Cypress follows so you can productively test your application - How to query elements in Cypress diff --git a/docs/app/core-concepts/open-mode.mdx b/docs/app/core-concepts/open-mode.mdx index e2f8e63318..ea33c69bc4 100644 --- a/docs/app/core-concepts/open-mode.mdx +++ b/docs/app/core-concepts/open-mode.mdx @@ -5,7 +5,7 @@ sidebar_position: 60 :::info -##### What you'll learn +##### What you'll learn - The different sections of the Cypress app in open mode - The information surfaced in the app's Command Log diff --git a/docs/app/core-concepts/retry-ability.mdx b/docs/app/core-concepts/retry-ability.mdx index 08212310df..f0c4bbf21c 100644 --- a/docs/app/core-concepts/retry-ability.mdx +++ b/docs/app/core-concepts/retry-ability.mdx @@ -5,7 +5,7 @@ sidebar_position: 50 :::info -##### What you'll learn +##### What you'll learn - The difference between commands, queries, and assertions in Cypress - How Cypress retries multiple assertions diff --git a/docs/app/core-concepts/test-isolation.mdx b/docs/app/core-concepts/test-isolation.mdx index cd8cb065bf..203686b600 100644 --- a/docs/app/core-concepts/test-isolation.mdx +++ b/docs/app/core-concepts/test-isolation.mdx @@ -5,7 +5,7 @@ sidebar_position: 45 :::info -##### What you'll learn +##### What you'll learn - How Cypress ensures test isolation - How to configure test isolation in end-to-end and component testing diff --git a/docs/app/core-concepts/testing-types.mdx b/docs/app/core-concepts/testing-types.mdx index 9720dae64c..9615167954 100644 --- a/docs/app/core-concepts/testing-types.mdx +++ b/docs/app/core-concepts/testing-types.mdx @@ -5,7 +5,7 @@ sidebar_position: 20 :::info -##### What you'll learn +##### What you'll learn - The differences between end-to-end and component tests - The benefits and considerations for each type of test diff --git a/docs/app/core-concepts/variables-and-aliases.mdx b/docs/app/core-concepts/variables-and-aliases.mdx index 1886e0fde0..5c4fa257a2 100644 --- a/docs/app/core-concepts/variables-and-aliases.mdx +++ b/docs/app/core-concepts/variables-and-aliases.mdx @@ -5,7 +5,7 @@ sidebar_position: 40 :::info -##### What you'll learn +##### What you'll learn - Common patterns for handling asynchronous code in Cypress - When to assign variables and when not to diff --git a/docs/app/core-concepts/writing-and-organizing-tests.mdx b/docs/app/core-concepts/writing-and-organizing-tests.mdx index 1c5b5b4d50..b41ca8ce56 100644 --- a/docs/app/core-concepts/writing-and-organizing-tests.mdx +++ b/docs/app/core-concepts/writing-and-organizing-tests.mdx @@ -5,7 +5,7 @@ sidebar_position: 30 :::info -##### What you'll learn +##### What you'll learn - How to organize your tests in Cypress and the types of supported files - How to write tests in Cypress including hooks, exclusions, and configurations diff --git a/docs/app/end-to-end-testing/testing-your-app.mdx b/docs/app/end-to-end-testing/testing-your-app.mdx index 8170fcc2fc..9fe49141ab 100644 --- a/docs/app/end-to-end-testing/testing-your-app.mdx +++ b/docs/app/end-to-end-testing/testing-your-app.mdx @@ -10,7 +10,7 @@ slug: /app/end-to-end-testing/testing-your-app :::info -##### What you'll learn +##### What you'll learn - How to start your server and test your application with Cypress - How to configure Cypress diff --git a/docs/app/end-to-end-testing/writing-your-first-end-to-end-test.mdx b/docs/app/end-to-end-testing/writing-your-first-end-to-end-test.mdx index 02fab2b11a..9bcb2297a0 100644 --- a/docs/app/end-to-end-testing/writing-your-first-end-to-end-test.mdx +++ b/docs/app/end-to-end-testing/writing-your-first-end-to-end-test.mdx @@ -10,7 +10,7 @@ slug: /app/end-to-end-testing/writing-your-first-end-to-end-test :::info -##### What you'll learn +##### What you'll learn - How to write your first end-to-end test in Cypress using an example app - How to use Cypress commands to interact with elements on a page diff --git a/docs/app/get-started/install-cypress.mdx b/docs/app/get-started/install-cypress.mdx index 416520c8fb..e33ea1defd 100644 --- a/docs/app/get-started/install-cypress.mdx +++ b/docs/app/get-started/install-cypress.mdx @@ -9,7 +9,7 @@ sidebar_position: 30 :::info -##### What you'll learn +##### What you'll learn - How to install Cypress using npm, yarn, or pnpm - System requirements for Cypress diff --git a/docs/app/get-started/open-the-app.mdx b/docs/app/get-started/open-the-app.mdx index 04999b874a..dcc7e09971 100644 --- a/docs/app/get-started/open-the-app.mdx +++ b/docs/app/get-started/open-the-app.mdx @@ -9,7 +9,7 @@ sidebar_position: 40 :::info -##### What you'll learn +##### What you'll learn - How to open the Cypress app - How to add npm scripts for opening Cypress diff --git a/docs/app/get-started/why-cypress.mdx b/docs/app/get-started/why-cypress.mdx index 9beac9ec85..3058826806 100644 --- a/docs/app/get-started/why-cypress.mdx +++ b/docs/app/get-started/why-cypress.mdx @@ -9,13 +9,14 @@ sidebar_position: 10 :::info -##### What you'll learn +##### What you'll learn - The solutions Cypress provides for testing - The features of Cypress App, Cypress Cloud, UI Coverage, and Cypress Accessibility - Our mission and what we believe in - Key differences between Cypress and other testing tools - ::: + +::: ## In a nutshell diff --git a/docs/app/guides/accessibility-testing.mdx b/docs/app/guides/accessibility-testing.mdx index b0a6a10009..565164630c 100644 --- a/docs/app/guides/accessibility-testing.mdx +++ b/docs/app/guides/accessibility-testing.mdx @@ -4,7 +4,7 @@ title: Accessibility Testing :::info -##### What you'll learn +##### What you'll learn - Strategies for ensuring your application works for users with disabilities - What accessibility scans are available via plugins vs [Cypress Accessibility](/accessibility/get-started/introduction) diff --git a/docs/app/guides/authentication-testing/amazon-cognito-authentication.mdx b/docs/app/guides/authentication-testing/amazon-cognito-authentication.mdx index 5e85e454de..c1f4c56d91 100644 --- a/docs/app/guides/authentication-testing/amazon-cognito-authentication.mdx +++ b/docs/app/guides/authentication-testing/amazon-cognito-authentication.mdx @@ -8,7 +8,7 @@ description: 'Implement Amazon Cognito authentication in Cypress. Securely manag :::info -##### What you'll learn +##### What you'll learn - How to implement Amazon Cognito authentication in Cypress - How to securely manage authentication processes for Cypress end-to-end testing scenarios diff --git a/docs/app/guides/authentication-testing/auth0-authentication.mdx b/docs/app/guides/authentication-testing/auth0-authentication.mdx index 8d548d4a91..af2e989a47 100644 --- a/docs/app/guides/authentication-testing/auth0-authentication.mdx +++ b/docs/app/guides/authentication-testing/auth0-authentication.mdx @@ -8,7 +8,7 @@ description: 'Seamlessly implement Auth0 authentication with Cypress. Integrate :::info -##### What you'll learn +##### What you'll learn - How to authenticate with Auth0 in Cypress tests - How to adapt an Auth0 app for testing diff --git a/docs/app/guides/authentication-testing/azure-active-directory-authentication.mdx b/docs/app/guides/authentication-testing/azure-active-directory-authentication.mdx index 04e716cbf4..fca690b2be 100644 --- a/docs/app/guides/authentication-testing/azure-active-directory-authentication.mdx +++ b/docs/app/guides/authentication-testing/azure-active-directory-authentication.mdx @@ -4,7 +4,7 @@ title: Azure Active Directory Authentication :::info -##### What you'll learn +##### What you'll learn - How to set up Cypress to test against an Azure Active Directory web app - How to authenticate with Azure Active Directory using `cy.origin()` diff --git a/docs/app/guides/authentication-testing/google-authentication.mdx b/docs/app/guides/authentication-testing/google-authentication.mdx index 7101842272..8a9e247a54 100644 --- a/docs/app/guides/authentication-testing/google-authentication.mdx +++ b/docs/app/guides/authentication-testing/google-authentication.mdx @@ -8,7 +8,7 @@ description: 'Google Authentication: Cypress Guide. Secure testing with seamless :::info -##### What you'll learn +##### What you'll learn - How to set up Cypress to test authentication with Google - How to set Google app credentials in Cypress diff --git a/docs/app/guides/authentication-testing/okta-authentication.mdx b/docs/app/guides/authentication-testing/okta-authentication.mdx index 9d352b2d11..eea278818b 100644 --- a/docs/app/guides/authentication-testing/okta-authentication.mdx +++ b/docs/app/guides/authentication-testing/okta-authentication.mdx @@ -8,7 +8,7 @@ description: 'Implement Okta authentication in Cypress end-to-end testing. Ensur :::info -##### What you'll learn +##### What you'll learn - How to test Okta authentication in Cypress - How to set Okta redentials in Cypress diff --git a/docs/app/guides/authentication-testing/social-authentication.mdx b/docs/app/guides/authentication-testing/social-authentication.mdx index 6cc400d628..f7314deaad 100644 --- a/docs/app/guides/authentication-testing/social-authentication.mdx +++ b/docs/app/guides/authentication-testing/social-authentication.mdx @@ -4,7 +4,7 @@ title: Social Authentication :::info -##### What you'll learn +##### What you'll learn - How to authenticate with Auth0 for Tenant with `cy.origin()` - How to use `cy.session()` to cache authenticated users diff --git a/docs/app/guides/conditional-testing.mdx b/docs/app/guides/conditional-testing.mdx index 2ab2bcde91..23ca9adc84 100644 --- a/docs/app/guides/conditional-testing.mdx +++ b/docs/app/guides/conditional-testing.mdx @@ -4,7 +4,7 @@ title: Conditional Testing :::info -##### What you'll learn +##### What you'll learn - Why conditional testing is difficult - How to overcome the problems with conditional testing diff --git a/docs/app/guides/cross-browser-testing.mdx b/docs/app/guides/cross-browser-testing.mdx index b1c1410a13..d0e91c99df 100644 --- a/docs/app/guides/cross-browser-testing.mdx +++ b/docs/app/guides/cross-browser-testing.mdx @@ -4,7 +4,7 @@ title: Cross Browser Testing :::info -##### What you'll learn +##### What you'll learn - How to run tests across multiple browsers - Strategies for incorporating cross-browser testing into your CI process diff --git a/docs/app/guides/cross-origin-testing.mdx b/docs/app/guides/cross-origin-testing.mdx index aa4e7d5e0f..5f67abeadc 100644 --- a/docs/app/guides/cross-origin-testing.mdx +++ b/docs/app/guides/cross-origin-testing.mdx @@ -5,7 +5,7 @@ e2eSpecific: true :::info -##### What you'll learn +##### What you'll learn - What strategies Cypress uses to work around same-origin policy - Limitations and workarounds with cross-origin content diff --git a/docs/app/guides/cypress-studio.mdx b/docs/app/guides/cypress-studio.mdx index e088167e05..ed3918658f 100644 --- a/docs/app/guides/cypress-studio.mdx +++ b/docs/app/guides/cypress-studio.mdx @@ -5,7 +5,7 @@ e2eSpecific: true :::info -##### What you'll learn +##### What you'll learn - How to use Cypress Studio by recording interactions and generate tests - How to add new tests and extend existing tests with Cypress Studio diff --git a/docs/app/guides/debugging.mdx b/docs/app/guides/debugging.mdx index d40c66b997..264d7e83a1 100644 --- a/docs/app/guides/debugging.mdx +++ b/docs/app/guides/debugging.mdx @@ -4,7 +4,7 @@ title: Debugging :::info -##### What you'll learn +##### What you'll learn - How to use `debugger` and `.debug()` within Cypress tests - How to step through test commands with `.pause()` diff --git a/docs/app/guides/migration/protractor-to-cypress.mdx b/docs/app/guides/migration/protractor-to-cypress.mdx index bf4d9f17ba..cc69425530 100644 --- a/docs/app/guides/migration/protractor-to-cypress.mdx +++ b/docs/app/guides/migration/protractor-to-cypress.mdx @@ -4,7 +4,7 @@ title: Migrating from Protractor :::info -##### What you'll learn +##### What you'll learn - How to migrate from Protractor to Cypress - The benefits of using Cypress for end-to-end testing diff --git a/docs/app/guides/migration/selenium-to-cypress.mdx b/docs/app/guides/migration/selenium-to-cypress.mdx index 9b2885bade..da0a729949 100644 --- a/docs/app/guides/migration/selenium-to-cypress.mdx +++ b/docs/app/guides/migration/selenium-to-cypress.mdx @@ -4,7 +4,7 @@ title: Migrating from Selenium :::info -##### What you'll learn +##### What you'll learn - The advantages and limitations of Selenium and Cypress - Strategies and considerations for migration diff --git a/docs/app/guides/network-requests.mdx b/docs/app/guides/network-requests.mdx index ac3b1d54a6..87a106c4a8 100644 --- a/docs/app/guides/network-requests.mdx +++ b/docs/app/guides/network-requests.mdx @@ -4,7 +4,7 @@ title: Network Requests :::info -##### What you'll learn +##### What you'll learn - Strategies for testing network requests in Cypress - How to stub and wait for network responses diff --git a/docs/app/guides/screenshots-and-videos.mdx b/docs/app/guides/screenshots-and-videos.mdx index 1ee5e070b1..706dc2b09a 100644 --- a/docs/app/guides/screenshots-and-videos.mdx +++ b/docs/app/guides/screenshots-and-videos.mdx @@ -4,7 +4,7 @@ title: Screenshots and Videos :::info -##### What you'll learn +##### What you'll learn - How to capture screenshots and videos - How to configure screenshot and video settings diff --git a/docs/app/guides/stubs-spies-and-clocks.mdx b/docs/app/guides/stubs-spies-and-clocks.mdx index e33ec14a12..a7a1bff7ae 100644 --- a/docs/app/guides/stubs-spies-and-clocks.mdx +++ b/docs/app/guides/stubs-spies-and-clocks.mdx @@ -4,7 +4,7 @@ title: Stubs, Spies, and Clocks :::info -##### What you'll learn +##### What you'll learn - How to use `cy.stub()`, `cy.spy()`, and `cy.clock()` - Common scenarios for using stubs, spies, and clocks diff --git a/docs/app/guides/test-retries.mdx b/docs/app/guides/test-retries.mdx index 2f0e2925d6..a5282dc237 100644 --- a/docs/app/guides/test-retries.mdx +++ b/docs/app/guides/test-retries.mdx @@ -4,7 +4,7 @@ title: Test Retries :::info -##### What you'll learn +##### What you'll learn - How test retries work - How to configure test retries diff --git a/docs/app/plugins/plugins-guide.mdx b/docs/app/plugins/plugins-guide.mdx index 2d486ecc4f..15ad6fde41 100644 --- a/docs/app/plugins/plugins-guide.mdx +++ b/docs/app/plugins/plugins-guide.mdx @@ -5,7 +5,7 @@ sidebar_position: 10 :::info -##### What you'll learn +##### What you'll learn - How to install a plugin - How to use a plugin diff --git a/docs/app/references/advanced-installation.mdx b/docs/app/references/advanced-installation.mdx index 422cb827a6..c2752a36a1 100644 --- a/docs/app/references/advanced-installation.mdx +++ b/docs/app/references/advanced-installation.mdx @@ -4,7 +4,7 @@ title: Advanced Installation :::info -##### What you'll learn +##### What you'll learn - How to install Cypress with a custom binary - How to skip the installation of the Cypress binary diff --git a/docs/app/references/assertions.mdx b/docs/app/references/assertions.mdx index a1df5d03bb..90390ac026 100644 --- a/docs/app/references/assertions.mdx +++ b/docs/app/references/assertions.mdx @@ -4,7 +4,7 @@ title: Assertions :::info -##### What you'll learn +##### What you'll learn - Assertions available in Cypress with Chai, Chai-jQuery, and Sinon-Chai assertions - How to write assertions for common use cases diff --git a/docs/app/references/configuration.mdx b/docs/app/references/configuration.mdx index ddc9f06e5b..eb9f65d00e 100644 --- a/docs/app/references/configuration.mdx +++ b/docs/app/references/configuration.mdx @@ -4,7 +4,7 @@ title: Configuration :::info -##### What you'll learn +##### What you'll learn - How to configure Cypress to change the default behavior of Cypress - Configuration options available in Cypress diff --git a/docs/app/references/content-security-policy.mdx b/docs/app/references/content-security-policy.mdx index 28d09424f5..568a3fe546 100644 --- a/docs/app/references/content-security-policy.mdx +++ b/docs/app/references/content-security-policy.mdx @@ -5,7 +5,7 @@ e2eSpecific: true :::info -##### What you'll learn +##### What you'll learn - How Cypress handles Content Security Policy (CSP) - How to configure Cypress to work with your application's CSP diff --git a/docs/app/references/launching-browsers.mdx b/docs/app/references/launching-browsers.mdx index 8c5eaf2ab3..d7e44b0dc6 100644 --- a/docs/app/references/launching-browsers.mdx +++ b/docs/app/references/launching-browsers.mdx @@ -4,7 +4,7 @@ title: Launching Browsers :::info -##### What you'll learn +##### What you'll learn - How to launch browsers in Cypress - How to customize the list of available browsers diff --git a/docs/app/references/troubleshooting.mdx b/docs/app/references/troubleshooting.mdx index 599bdc230b..5670ccd602 100644 --- a/docs/app/references/troubleshooting.mdx +++ b/docs/app/references/troubleshooting.mdx @@ -4,7 +4,7 @@ title: Troubleshooting :::info -##### What you'll learn +##### What you'll learn - Resources to help you troubleshoot Cypress App issues - Common steps to isolate and resolve problems diff --git a/docs/app/tooling/IDE-integration.mdx b/docs/app/tooling/IDE-integration.mdx index c04505f539..17b1d3e5dc 100644 --- a/docs/app/tooling/IDE-integration.mdx +++ b/docs/app/tooling/IDE-integration.mdx @@ -4,7 +4,7 @@ title: IDE Integration :::info -##### What you'll learn +##### What you'll learn - How to open files in your IDE - Extensions and plugins for popular IDEs diff --git a/docs/app/tooling/code-coverage.mdx b/docs/app/tooling/code-coverage.mdx index d224308f71..93d1c40773 100644 --- a/docs/app/tooling/code-coverage.mdx +++ b/docs/app/tooling/code-coverage.mdx @@ -4,7 +4,7 @@ title: Code Coverage :::info -##### What you'll learn +##### What you'll learn - The difference between Code Coverage and Cypress's UI Coverage - How to instrument your application code for code coverage diff --git a/docs/app/tooling/reporters.mdx b/docs/app/tooling/reporters.mdx index 69f8b7102b..78b26680a4 100644 --- a/docs/app/tooling/reporters.mdx +++ b/docs/app/tooling/reporters.mdx @@ -4,7 +4,7 @@ title: Reporters :::info -##### What you'll learn +##### What you'll learn - How to use custom reporters in Cypress - How to use multiple reporters diff --git a/docs/app/tooling/typescript-support.mdx b/docs/app/tooling/typescript-support.mdx index b2b0f11fd2..03f64a9b96 100644 --- a/docs/app/tooling/typescript-support.mdx +++ b/docs/app/tooling/typescript-support.mdx @@ -4,7 +4,7 @@ title: TypeScript :::info -##### What you'll learn +##### What you'll learn - How to set up TypeScript in Cypress - How to configure TypeScript for custom commands, assertions, and plugins diff --git a/docs/app/tooling/visual-testing.mdx b/docs/app/tooling/visual-testing.mdx index d2033dc1e5..312c3c1da1 100644 --- a/docs/app/tooling/visual-testing.mdx +++ b/docs/app/tooling/visual-testing.mdx @@ -4,7 +4,7 @@ title: Visual Testing :::info -##### What you'll learn +##### What you'll learn - The difference between functional and visual testing - How to use visual testing plugins diff --git a/docs/cloud/account-management/billing-and-usage.mdx b/docs/cloud/account-management/billing-and-usage.mdx index 66ff1631af..7f4eb358e1 100644 --- a/docs/cloud/account-management/billing-and-usage.mdx +++ b/docs/cloud/account-management/billing-and-usage.mdx @@ -7,7 +7,7 @@ sidebar_position: 50 :::info -##### What you'll learn +##### What you'll learn - How to view billing and usage information - How to request an Open Source Plan diff --git a/docs/cloud/account-management/data-storage-and-masking.mdx b/docs/cloud/account-management/data-storage-and-masking.mdx index bf6de30b2a..7c94a9b67e 100644 --- a/docs/cloud/account-management/data-storage-and-masking.mdx +++ b/docs/cloud/account-management/data-storage-and-masking.mdx @@ -7,7 +7,7 @@ sidebar_label: Data Storage and Controls :::info -##### What you'll learn +##### What you'll learn - What data is stored in Cypress Cloud - How to control what data is sent to Cypress Cloud diff --git a/docs/cloud/account-management/enterprise-sso.mdx b/docs/cloud/account-management/enterprise-sso.mdx index 11700bea1e..1880dc7fa9 100644 --- a/docs/cloud/account-management/enterprise-sso.mdx +++ b/docs/cloud/account-management/enterprise-sso.mdx @@ -9,7 +9,7 @@ sidebar_position: 40 :::info -##### What you'll learn +##### What you'll learn - How to enable Enterprise SSO for your organization - How to configure SSO with Okta, SAML, or Azure AD diff --git a/docs/cloud/account-management/organizations.mdx b/docs/cloud/account-management/organizations.mdx index 5f478959cd..83d420cef6 100644 --- a/docs/cloud/account-management/organizations.mdx +++ b/docs/cloud/account-management/organizations.mdx @@ -9,7 +9,7 @@ sidebar_position: 20 :::info -##### What you'll learn +##### What you'll learn - How to create and manage organizations - How to locate your Organization ID diff --git a/docs/cloud/account-management/projects.mdx b/docs/cloud/account-management/projects.mdx index 86627d9d23..65df7e62a7 100644 --- a/docs/cloud/account-management/projects.mdx +++ b/docs/cloud/account-management/projects.mdx @@ -9,7 +9,7 @@ sidebar_position: 10 :::info -##### What you'll learn +##### What you'll learn - How to set up a project to record test runs - How to manage project settings diff --git a/docs/cloud/account-management/users.mdx b/docs/cloud/account-management/users.mdx index 4690c66f55..792d027ed7 100644 --- a/docs/cloud/account-management/users.mdx +++ b/docs/cloud/account-management/users.mdx @@ -7,7 +7,7 @@ sidebar_label: Users :::info -##### What you'll learn +##### What you'll learn - How to invite users to Cypress Cloud - How to manage user roles and updates diff --git a/docs/cloud/features/analytics/enterprise-reporting.mdx b/docs/cloud/features/analytics/enterprise-reporting.mdx index a6d73bf984..8903cd65e4 100644 --- a/docs/cloud/features/analytics/enterprise-reporting.mdx +++ b/docs/cloud/features/analytics/enterprise-reporting.mdx @@ -6,7 +6,7 @@ sidebar_custom_props: { 'new_label': true } :::info -##### What you'll learn +##### What you'll learn - How to access and use Enterprise Reporting in Cypress Cloud - How to interpret the data and insights provided by Enterprise Reporting diff --git a/docs/cloud/features/branch-review.mdx b/docs/cloud/features/branch-review.mdx index 1718b0335f..ed1df628fa 100644 --- a/docs/cloud/features/branch-review.mdx +++ b/docs/cloud/features/branch-review.mdx @@ -5,7 +5,7 @@ sidebar_position: 50 :::info -##### What you'll learn +##### What you'll learn - How Branch Review surfaces the impact of pull requests on your test suite - How to compare test results between branches in Cypress Cloud diff --git a/docs/cloud/features/flaky-test-management.mdx b/docs/cloud/features/flaky-test-management.mdx index fdd5be9e3e..0a2e7ffac3 100644 --- a/docs/cloud/features/flaky-test-management.mdx +++ b/docs/cloud/features/flaky-test-management.mdx @@ -6,7 +6,7 @@ sidebar_label: Flake Management :::info -##### What you'll learn +##### What you'll learn - How to detect and manage flaky tests in Cypress Cloud - How to enable flake detection and alerting diff --git a/docs/cloud/features/recorded-runs.mdx b/docs/cloud/features/recorded-runs.mdx index e257bedee6..34ff5e35fd 100644 --- a/docs/cloud/features/recorded-runs.mdx +++ b/docs/cloud/features/recorded-runs.mdx @@ -5,7 +5,7 @@ sidebar_position: 30 :::info -##### What you'll learn +##### What you'll learn - How to view and analyze recorded test runs in Cypress Cloud - How to cancel, archive, and restore archived runs diff --git a/docs/cloud/features/smart-orchestration/parallelization.mdx b/docs/cloud/features/smart-orchestration/parallelization.mdx index 352b9a381d..8fb00f23a5 100644 --- a/docs/cloud/features/smart-orchestration/parallelization.mdx +++ b/docs/cloud/features/smart-orchestration/parallelization.mdx @@ -5,7 +5,7 @@ sidebar_position: 20 :::info -##### What you'll learn +##### What you'll learn - How Cypress balances spec files across multiple machines - How to run tests in parallel across multiple machines diff --git a/docs/cloud/features/smart-orchestration/run-cancellation.mdx b/docs/cloud/features/smart-orchestration/run-cancellation.mdx index a63a984409..dd9391555c 100644 --- a/docs/cloud/features/smart-orchestration/run-cancellation.mdx +++ b/docs/cloud/features/smart-orchestration/run-cancellation.mdx @@ -5,7 +5,7 @@ sidebar_position: 50 :::info -##### What you'll learn +##### What you'll learn - How to enable Auto Cancellation in Cypress Cloud - How to save time by canceling test runs upon the first failure diff --git a/docs/cloud/features/smart-orchestration/spec-prioritization.mdx b/docs/cloud/features/smart-orchestration/spec-prioritization.mdx index cb28e958ef..2060354503 100644 --- a/docs/cloud/features/smart-orchestration/spec-prioritization.mdx +++ b/docs/cloud/features/smart-orchestration/spec-prioritization.mdx @@ -5,7 +5,7 @@ sidebar_position: 40 :::info -##### What you'll learn +##### What you'll learn - How to enable Spec Prioritization in Cypress Cloud - How to save time by running failed specs first diff --git a/docs/cloud/features/test-replay.mdx b/docs/cloud/features/test-replay.mdx index 951cb98948..615d187e5e 100644 --- a/docs/cloud/features/test-replay.mdx +++ b/docs/cloud/features/test-replay.mdx @@ -5,7 +5,7 @@ sidebar_position: 40 :::info -##### What you'll learn +##### What you'll learn - How Test Replay captures and replays test commands, network requests, console logs, JavaScript errors, and element rendering - How to view and debug tests with Test Replay in Cypress Cloud diff --git a/docs/cloud/get-started/free-trial.mdx b/docs/cloud/get-started/free-trial.mdx index d957997b81..e6844052ae 100644 --- a/docs/cloud/get-started/free-trial.mdx +++ b/docs/cloud/get-started/free-trial.mdx @@ -5,7 +5,7 @@ sidebar_position: 15 :::info -##### What you'll learn +##### What you'll learn - How to start a free trial of Cypress Cloud - The benefits of using Cypress Cloud diff --git a/docs/cloud/get-started/introduction.mdx b/docs/cloud/get-started/introduction.mdx index 6a4c241862..d4c2cd36bc 100644 --- a/docs/cloud/get-started/introduction.mdx +++ b/docs/cloud/get-started/introduction.mdx @@ -6,7 +6,7 @@ sidebar_label: Introduction :::info -##### What you'll learn +##### What you'll learn - The benefits of using Cypress Cloud - How to get started with Cypress Cloud diff --git a/docs/cloud/integrations/data-extract-api.mdx b/docs/cloud/integrations/data-extract-api.mdx index dc174d596a..c3f54289f7 100644 --- a/docs/cloud/integrations/data-extract-api.mdx +++ b/docs/cloud/integrations/data-extract-api.mdx @@ -10,7 +10,7 @@ sidebar_custom_props: { 'new_label': true } :::info -##### What you'll learn +##### What you'll learn - How to use the Cypress Cloud API to extract test data - The API endpoints available for extracting data diff --git a/docs/cloud/integrations/jira.mdx b/docs/cloud/integrations/jira.mdx index 57eccb7d54..cb50e9be75 100644 --- a/docs/cloud/integrations/jira.mdx +++ b/docs/cloud/integrations/jira.mdx @@ -9,7 +9,7 @@ sidebar_label: Jira :::info -##### What you'll learn +##### What you'll learn - How to install the Cypress Jira integration - How to create a Jira issue for a test case from Cypress Cloud diff --git a/docs/cloud/integrations/slack.mdx b/docs/cloud/integrations/slack.mdx index a3cc3bc98c..3cf3b13e52 100644 --- a/docs/cloud/integrations/slack.mdx +++ b/docs/cloud/integrations/slack.mdx @@ -9,7 +9,7 @@ sidebar_label: Slack :::info -##### What you'll learn +##### What you'll learn - How to install the Cypress integration for Slack - How to configure Slack notifications on failed runs, passed runs, and flaky tests diff --git a/docs/cloud/integrations/source-control/bitbucket.mdx b/docs/cloud/integrations/source-control/bitbucket.mdx index 1dde90b6c4..2d4c6acd01 100644 --- a/docs/cloud/integrations/source-control/bitbucket.mdx +++ b/docs/cloud/integrations/source-control/bitbucket.mdx @@ -9,7 +9,7 @@ sidebar_label: Bitbucket :::info -##### What you'll learn +##### What you'll learn - How to install the Cypress Bitbucket integration - How to configure status checks and pull request comments diff --git a/docs/cloud/integrations/source-control/github.mdx b/docs/cloud/integrations/source-control/github.mdx index 1d13a3cea8..3404ba9ce6 100644 --- a/docs/cloud/integrations/source-control/github.mdx +++ b/docs/cloud/integrations/source-control/github.mdx @@ -9,7 +9,7 @@ sidebar_label: GitHub :::info -##### What you'll learn +##### What you'll learn - How to install the Cypress GitHub App - How to enable GitHub integration for a project diff --git a/docs/cloud/integrations/source-control/gitlab.mdx b/docs/cloud/integrations/source-control/gitlab.mdx index 8720c4275f..225024b558 100644 --- a/docs/cloud/integrations/source-control/gitlab.mdx +++ b/docs/cloud/integrations/source-control/gitlab.mdx @@ -9,7 +9,7 @@ sidebar_label: GitLab :::info -##### What you'll learn +##### What you'll learn - How to install the Cypress GitLab integration - How to configure status checks and merge request comments diff --git a/docs/cloud/integrations/teams.mdx b/docs/cloud/integrations/teams.mdx index 766e1d0731..a118e38253 100644 --- a/docs/cloud/integrations/teams.mdx +++ b/docs/cloud/integrations/teams.mdx @@ -7,7 +7,7 @@ sidebar_label: Microsoft Teams :::info -##### What you'll learn +##### What you'll learn - How to enable the Cypress integration for Microsoft Teams - How to configure Microsoft Teams notifications for your Cypress Cloud organization and projects diff --git a/src/css/custom.scss b/src/css/custom.scss index 6d90acae08..0e3efc7e4b 100644 --- a/src/css/custom.scss +++ b/src/css/custom.scss @@ -25,7 +25,24 @@ --ifm-navbar-shadow: none; --ifm-color-white: #ffffff; --ifm-color-black: #0a0a0a; - + --ifm-color-primary: theme(colors.jade.300); + --ifm-color-primary-dark: theme(colors.jade.400); + --ifm-color-primary-darker: theme(colors.jade.500); + --ifm-color-primary-darkest: theme(colors.jade.600); + --ifm-color-primary-light: theme(colors.jade.200); + --ifm-color-primary-lighter: theme(colors.jade.100); + --ifm-color-primary-lightest: theme(colors.jade.50); + --ifm-color-jade-50: theme(colors.jade.50); + --ifm-color-jade-100: theme(colors.jade.100); + --ifm-color-jade-200: theme(colors.jade.200); + --ifm-color-jade-300: theme(colors.jade.300); + --ifm-color-jade-400: theme(colors.jade.400); + --ifm-color-jade-500: theme(colors.jade.500); + --ifm-color-jade-600: theme(colors.jade.600); + --ifm-color-jade-700: theme(colors.jade.700); + --ifm-color-jade-800: theme(colors.jade.800); + --ifm-color-jade-900: theme(colors.jade.900); + --ifm-color-jade-1000: theme(colors.jade.1000); --ifm-color-gray-50: theme(colors.gray.50); --ifm-color-gray-100: theme(colors.gray.100); --ifm-color-gray-200: theme(colors.gray.200); @@ -37,13 +54,51 @@ --ifm-color-gray-800: theme(colors.gray.800); --ifm-color-gray-900: theme(colors.gray.900); --ifm-color-gray-1000: theme(colors.gray.1000); - --ifm-color-primary: theme(colors.jade.300); - --ifm-color-primary-dark: theme(colors.jade.400); - --ifm-color-primary-darker: theme(colors.jade.500); - --ifm-color-primary-darkest: theme(colors.jade.600); - --ifm-color-primary-light: theme(colors.jade.200); - --ifm-color-primary-lighter: theme(colors.jade.100); - --ifm-color-primary-lightest: theme(colors.jade.50); + --ifm-color-teal-50: theme(colors.teal.50); + --ifm-color-teal-100: theme(colors.teal.100); + --ifm-color-teal-200: theme(colors.teal.200); + --ifm-color-teal-300: theme(colors.teal.300); + --ifm-color-teal-400: theme(colors.teal.400); + --ifm-color-teal-500: theme(colors.teal.500); + --ifm-color-teal-600: theme(colors.teal.600); + --ifm-color-teal-700: theme(colors.teal.700); + --ifm-color-teal-800: theme(colors.teal.800); + --ifm-color-teal-900: theme(colors.teal.900); + --ifm-color-teal-1000: theme(colors.teal.1000); + --ifm-color-orange-50: theme(colors.orange.50); + --ifm-color-orange-100: theme(colors.orange.100); + --ifm-color-orange-200: theme(colors.orange.200); + --ifm-color-orange-300: theme(colors.orange.300); + --ifm-color-orange-400: theme(colors.orange.400); + --ifm-color-orange-500: theme(colors.orange.500); + --ifm-color-orange-600: theme(colors.orange.600); + --ifm-color-orange-700: theme(colors.orange.700); + --ifm-color-orange-800: theme(colors.orange.800); + --ifm-color-orange-900: theme(colors.orange.900); + --ifm-color-orange-1000: theme(colors.orange.1000); + --ifm-color-red-50: theme(colors.red.50); + --ifm-color-red-100: theme(colors.red.100); + --ifm-color-red-200: theme(colors.red.200); + --ifm-color-red-300: theme(colors.red.300); + --ifm-color-red-400: theme(colors.red.400); + --ifm-color-red-500: theme(colors.red.500); + --ifm-color-red-600: theme(colors.red.600); + --ifm-color-red-700: theme(colors.red.700); + --ifm-color-red-800: theme(colors.red.800); + --ifm-color-red-900: theme(colors.red.900); + --ifm-color-red-1000: theme(colors.red.1000); + --ifm-color-indigo-50: theme(colors.indigo.50); + --ifm-color-indigo-100: theme(colors.indigo.100); + --ifm-color-indigo-200: theme(colors.indigo.200); + --ifm-color-indigo-300: theme(colors.indigo.300); + --ifm-color-indigo-400: theme(colors.indigo.400); + --ifm-color-indigo-500: theme(colors.indigo.500); + --ifm-color-indigo-600: theme(colors.indigo.600); + --ifm-color-indigo-700: theme(colors.indigo.700); + --ifm-color-indigo-800: theme(colors.indigo.800); + --ifm-color-indigo-900: theme(colors.indigo.900); + --ifm-color-indigo-1000: theme(colors.indigo.1000); + --ifm-font-family-base: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial; @@ -104,7 +159,7 @@ html[data-theme='dark'] { --ifm-menu-color: var(--ifm-color-gray-100); --ifm-menu-color-active: var(--ifm-color-primary); - --ifm-menu-color-background-active: them(colors.jade.900); + --ifm-menu-color-background-active: theme(colors.jade.900); --ifm-breadcrumb-color-active: var(--ifm-color-primary); --ifm-breadcrumb-item-background-active: var(--ifm-color-gray-900); @@ -148,6 +203,16 @@ html[data-theme='dark'] { } .alert.alert--info { + background-color: var(--ifm-color-teal-50); + color: var(--ifm-color-teal-1000); + --ifm-alert-border-color: var(--ifm-color-teal-400); + + [data-theme='dark'] & { + background-color: var(--ifm-color-teal-1000); + color: var(--ifm-color-teal-50); + --ifm-alert-border-color: var(--ifm-color-teal-800); + } + [data-theme='dark'] &, & { margin-bottom: 2rem; @@ -161,6 +226,42 @@ html[data-theme='dark'] { } } +.alert.alert--success { + background-color: var(--ifm-color-jade-50); + color: var(--ifm-color-jade-1000); + --ifm-alert-border-color: var(--ifm-color-jade-400); + + [data-theme='dark'] & { + background-color: var(--ifm-color-jade-1000); + color: var(--ifm-color-jade-50); + --ifm-alert-border-color: var(--ifm-color-jade-800); + } +} + +.alert.alert--warning { + background-color: var(--ifm-color-orange-50); + color: var(--ifm-color-orange-1000); + --ifm-alert-border-color: var(--ifm-color-orange-400); + + [data-theme='dark'] & { + background-color: var(--ifm-color-orange-1000); + color: var(--ifm-color-orange-50); + --ifm-alert-border-color: var(--ifm-color-orange-800); + } +} + +.alert.alert--danger { + background-color: var(--ifm-color-red-50); + color: var(--ifm-color-red-1000); + --ifm-alert-border-color: var(--ifm-color-red-400); + + [data-theme='dark'] & { + background-color: var(--ifm-color-red-1000); + color: var(--ifm-color-red-50); + --ifm-alert-border-color: var(--ifm-color-red-800); + } +} + div[class^='announcementBar'] { font-size: 1rem; font-weight: var(--ifm-font-weight-semibold);