The Complete Cypress 10+ Course: From Zero To Expert!

Write Automated UI & API test scripts using JavaScript or TypeScript(E2E Testing Type).

What you'll learn
Learn Cypress from scratch based on official documentation
Deep dive in Cypress core features, such as retry-ability, async nature, and subject management
Automated UI scenarios, considered as challenges
API Testing workflow with authentication token
Advanced scenarios and features explained
Experience based advices and scenario strategies
Github Actions & Parallel Execution + Cypress Dashboard
New features coverage / Course updates
Requirements
Basic understanding of Javascript or a related programming language.
Typescript is optional. You will learn the basics in the process.
Description
You will learn Cypress Basics(E2E testing type only) from scratch with multiple scenarios and good practices.Just JavaScript basic knowledge is necessary. I will develop examples using TypeScript, but If you understand JavaScript, you'll be capable to understand and develop your first TypeScript scripts with my support.What is Cypress?Cypress is becoming one of the BEST web automation frameworks to setup your test automation scripts for E2E testing and Component testing. It is a great tool because is pretty easy to install, maintain, and write test scripts. Also, you can easily configure it with the most known CI/CD tools in the market. Cypress overview & feature highlight:Cypress comes with a beautiful test runner that is going to help you as a QA Engineer to debug your test scripts, travel back in time to see what happened during the execution, and is perfect to change between your scripts with a friendly UI. But also, you do not need the test runner, you only need to run command to run a full suite and get an HTML report. Cypress is changing fast, and part of my objetive is bring to my students the newest features, and good practices to the course.Here are some high level topics that you will understand if you take this course:Introduction: What is Cypress?Installation and recommendationsWhat is Mocha? What is Chai?How to get or visit a websiteFind web elements by CSS or XPath locatorsRetryability: No need of wait type configurations (as we used to do in Selenium WebDriver)Actions(Click, hover, tables)Real UI Scenarios: Viewport, Checkboxes, Buttons, Links, Broken Images, Download a file, Upload a File, Iframes, autocomplete,and so on.Page Object Model vs Actions(Custom Commands)Advanced scenarios: Cookies, Fixtures, Aliases, Share Context, Excel Handling, Database Testing(MySQL), debugging, etc)Cypress dashboard integration and CI/CD parallel execution with GitHub Actions.New content will be added with your requests. I am planning to also cover Docker, CI/CD, and Cucumber in the near future.Note: Recording the course I was a bit nervous, and I made some English mistakes during the explanations. Hope you understand it, and check the notes with the corrections.

Overview

Section 1: Introduction & Installation Process

Lecture 1 Welcome! Let's start learning Cypress.

Lecture 2 Source Code

Lecture 3 What is Cypress?

Lecture 4 Cypress Features

Lecture 5 Cypress Tread-offs

Lecture 6 Javascript or Typescript? Disclaimer

Lecture 7 Node JS & Visual Studio Code

Lecture 8 VS Code overview

Lecture 9 NPM & Package.json

Lecture 10 Install Typescript(OPTIONAL)

Lecture 11 Install Cypress

Lecture 12 Configuring Cypress for E2E Testing

Lecture 13 First Hello World

Lecture 14 Testing Javascript using Typescript + Cypress

Lecture 15 Test Runner - E2E time saving tip

Lecture 16 Conclusions

Section 2: Test Framework - Mocha JS

Lecture 17 Describe and IT

Lecture 18 Hooks: Before and After

Lecture 19 Hooks: BeforeEach and AfterEach

Lecture 20 Skip and only

Section 3: Typescript Basics for THIS Course

Lecture 21 Variables: Differences between Javascript and Typescript

Lecture 22 Functions: Differences between Javascript and Typescript

Lecture 23 Interfaces: Use Case

Lecture 24 More about Typescript

Section 4: Visit a website, Base URL, Subject Management, URL, Title, and Best Practices

Lecture 25 Get or visit a website using Cypress

Lecture 26 Base URL: A must concept

Lecture 27 Cy.visit with hooks

Lecture 28 Subject Management in Cypress

Lecture 29 cy.url and BDD assertion

Lecture 30 cy.title and its validation

Lecture 31 Challenge: Input & Button Scenario

Lecture 32 Locators Introduction and cy.get()

Lecture 33 .type()

Lecture 34 .click() and TDD Assertion

Lecture 35 .should() vs .then()

Lecture 36 All the assertions available!

Lecture 37 Keep it up!

Section 5: Essential Locators: CSS & XPath Selectors

Lecture 38 Introduction

Lecture 39 cy.contains()

Lecture 40 cy.get() & cy.find()

Lecture 41 attribute locator - CSS Selectors

Lecture 42 class locator - CSS Selector

Lecture 43 MORE CSS SELECTORS

Lecture 44 XPath Overview

Lecture 45 Installing the XPath Plugin

Lecture 46 Text locator - XPath Locator

Lecture 47 Attribute locator - XPath Locator

Lecture 48 XPath Challenge

Lecture 49 XPath Concat + Contains Trick for Classes

Lecture 50 Running the challenge completed

Lecture 51 Final Thoughts

Section 6: Automatic Waits (Retry-ability explained)

Lecture 52 Introduction

Lecture 53 Visit loading times with example

Lecture 54 Element loading times with example

Lecture 55 Progress bar challenge

Lecture 56 Best Practices Review

Section 7: Click, Hover, and Dynamic Table Challenges

Lecture 57 Click - Class and Background Validation

Lecture 58 Hovering a button - BEST SOLUTION

Lecture 59 Dynamic Table(row and column change)

Section 8: Environment Variables, Viewport, and Checkboxes challenges.

Lecture 60 Environment Variables: Setup and CLI example

Lecture 61 Test websites disclaimer

Lecture 62 Global Viewport Configuration

Lecture 63 Viewport Challenge Proposal

Lecture 64 Resolving the Viewport Challenge

Lecture 65 Handling a Checkbox/Input not displayed(WEIRD SCENARIO)

Lecture 66 Checkbox Challenge & doing the "be.checked" assertion

Section 9: Double/Right Click, & Links(Spying requests)

Lecture 67 Double, and Right Click

Lecture 68 Link Challenges - Introduction

Lecture 69 Link that opens a new tab - #1 approach

Lecture 70 Link that opens a new tab - #2 approach

Lecture 71 Spying an API request after clicking a link

Lecture 72 Backup & another website to test those scenarios

Section 10: Broken Images, Upload/Download Files, & Iframes

Lecture 73 Broken Images. How to test them?

Lecture 74 Challenge: Broken Images & first() + last() review.

Lecture 75 Upload a file(Select Dialog Box)

Lecture 76 Download a file

Lecture 77 Accesing Parent & Child IFrames(Nested)

Lecture 78 Typing inside an Iframe ({selectall}+{del}) secret.

Section 11: Alerts, Date Picker, Tooltips, Drag and Drop, and Cy.Session()

Lecture 79 Alerts scenarios review

Lecture 80 Javascript Alerts

Lecture 81 Javascript Confirm Alerts

Lecture 82 Javascript Prompt Alerts(Workaround using Window & Stub)

Lecture 83 Alerts ending: Backup site where you can practice.

Lecture 84 Accordion functionality validation

Lecture 85 Autocomplete HML5

Lecture 86 Date Picker Scenario

Lecture 87 Tooltips

Lecture 88 Menus(different levels)

Lecture 89 Drag and Drop Example

Lecture 90 Preserve Login - cy.session()

Section 12: Page Object Model & UI Custom Commands

Lecture 91 Improvement opportunities

Lecture 92 POM vs Actions

Lecture 93 Page Object Model step by step

Lecture 94 Inheritance in our POM - Base Page

Lecture 95 UI Custom Commands

Section 13: Advanced Concepts & Scenarios

Lecture 96 Global Mocha Hooks

Lecture 97 Cy.Session() + Global Hooks + Cy.Cookies()

Lecture 98 Fixtures Introduction

Lecture 99 Sharing fixtures using Alias + Get()

Lecture 100 Fixture: Array of objects (EXTRA: How to handle it with Typescript)

Lecture 101 Array of Objects applied to a test scenario.

Lecture 102 Cypress Run Insights

Lecture 103 Mochawesome Report (EXTRA: Custom Configurations)

Lecture 104 Framework level: Failure Retry Configuration

Lecture 105 Automatic Videos and Screenshots(how to configure it)

Lecture 106 Variables: Sharing values inside an 'IT' and among 'ITs'.

Lecture 107 Excel handling: Installing the plugin

Lecture 108 Excel handling: Iterating over rows and using Cy.Write()

Lecture 109 Database Testing(mySQL): Environment review

Lecture 110 Database Testing: Integration mySQL with Cypress

Lecture 111 Database Testing: Inserting, Selecting,Updating, and Droping the table

Lecture 112 How to debug in Cypress?

Lecture 113 Mocking data with cy.intercept

Lecture 114 Viewport advanced approaches (isMobile?)

Lecture 115 cy clock & cy tick

Lecture 116 Faker + Cypress

Section 14: API Testing

Lecture 117 Introduction

Lecture 118 What is an API?

Lecture 119 What is a REST API?

Lecture 120 API Testing

Lecture 121 API scenario

Lecture 122 API testing with Cypress (Auth Token + Assertions)

Section 15: Cypress dashboard + CI/CD: Github Actions (parallel execution)

Lecture 123 Run your local test in the Cypress Dashboard

Lecture 124 Cypress + Github Actions(5 nodes Parallel execution)

Section 16: Final Module

Lecture 125 Final thoughts.

Lecture 126 Extra Lecture - Extra resources for you!

QA Manual Testers,Automation Engineers,Software Developers,Project Managers,QA Leads,Test Engineers,Software Developers in Test,Web Developers,Testers