📋 Chapter 1: Getting Started

Project Goal Get started with Cypress.io
What you’ll learn Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec suscipit faucibus lectus, in pulvinar neque faucibus sed.
Tools you’ll need Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec suscipit faucibus lectus, in pulvinar neque faucibus sed.
Time needed to complete 1/2 hour

What We Are Going To Cover

  • creating CodeSandbox account
  • forking our getting start CodeSandbox
  • adding Cypress to your application
  • how Cypress is layed out
  • writing your first test

Requirements

We will be using codesandbox for this workshop. If you don't already have an account you will need to go to CodeSandbox and create an account. There is no fee for creating an account.

Forking our CodeSandbox Starter

We have created a starter codesandbox that you will be using during this workshop. You can access the codesandbox here. Click the fork button in top navigation to fork this into your account on codesandbox. For the rest of the workshop you will be working with this sandbox.

Adding Cypress to Your Sandbox

Below the File Editor you will see a button to "Add Dependency". Click this button. Start typing cypress in the dialog box. When you see cypress, click to add it to your application.

💡

If you want to add cypress to any of your existing applications you can easily add it by using the command:

yarn add cypress

or you can use the command

npm install cypress