GithubHelp home page GithubHelp logo

p2635 / cypress-realworld-testing-course-app Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 1.0 71.32 MB

This documents my work going through the course 'Real World Testing with Cypress - Course App'

Home Page: https://learn.cypress.io

Shell 0.07% TypeScript 93.35% JavaScript 5.47% CSS 1.11%
automation testing cypress

cypress-realworld-testing-course-app's Introduction

Real World Testing with Cypress - Courses

This repo was cloned from: https://github.com/cypress-io/cypress-realworld-testing-course-app. This files here relate to the Testing your first application course on learn.cypress.io. However, I have also documented my progress for the other courses on the website:

  1. Testing Your First Application - How to test your first application with Cypress.
  2. Testing Foundations - The fundamentals and testing basics you need to write great tests.
  3. Cypress Fundamentals - The fundamentals of Cypress you must know.
  4. Advanced Cypress Testing Concepts - Some of the more advanced Cypress testing concepts that take your tests to the next level.

Course 1: Testing Your First Application (complete) - course link

Introductory hands-on course with practical exercises.

  • How to install Cypress
  • How to write Cypress E2E tests
  • How to create custom Cypress commands
  • App Install and Overview
  • Installing Cypress and writing your first test
  • How to test forms and custom Cypress commands
  • How to test multiple pages
  • How to test user journeys

Course 2: Testing Foundations (complete) - course link

Theoretical course but I am already familiar with the content, quizzes complete.

  • Testing is a Mindset
  • Identifying What to Test
  • Manual vs Automated Testing
  • Who should be responsible for testing?
  • The Testing Pyramid

Course 3: Cypress Fundamentals (completed-ish) - course link

Theoretical course, which expands a little bit on course 1 without specific instructions to implement. Quizzes are completed but there are additional (practice) links given (https://github.com/cypress-io/cypress-realworld-testing-blog), which I can clone separately and practice. I have writtern an asterisk below to revisit.

  • How to use Aliases
  • How to chain methods and assertions together
  • How Cypress works 'under the hood'
  • How to Write a Test (Arrange, Act, Assert)
  • Cypress Runs Tests in the Browser
  • Command Chaining
  • The Asynchronous Nature of Cypress
  • Waiting and Retry-ability
  • How to Debug Failing Tests*
  • Cypress is just JavaScript*

Course 4: Cypress Fundamentals (TO DO) - course link

I'm going to leave this for now and focus on practical 'learn by doing' courses, I will revisit later and potentially add links to show where I have demonstrated profiency in these areas.

  • How to debug test failures
  • Database initialization and seeding
  • How to test network requests
  • Database Initialization and Seeding
  • Running in Continuous Integration (CI)
  • Intercepting HTTP Requests
  • API and Integration Tests
  • Building Custom Commands
  • Viewport and Browser Testing
  • Cypress Methods You Need to Know
  • Using Data for Dynamic Tests

cypress-realworld-testing-course-app's People

Contributors

p2635 avatar philatkc avatar robertguss avatar

Stargazers

 avatar

Watchers

 avatar

Forkers

frashev

cypress-realworld-testing-course-app's Issues

cannot be compiled under '--isolatedModules' because it is considered a global script file

I'm getting output like this on vs code:

[{
	"resource": "/Users/phil/CodeProjects/cypress-realworld-testing-course-app/cypress/e2e/subscribe.cy.ts",
	"owner": "typescript",
	"code": "1208",
	"severity": 8,
	"message": "'subscribe.cy.ts' cannot be compiled under '--isolatedModules' because it is considered a global script file. Add an import, export, or an empty 'export {}' statement to make it a module.",
	"source": "ts",
	"startLineNumber": 1,
	"startColumn": 1,
	"endLineNumber": 1,
	"endColumn": 9
}]

Reference material; cypress-io/cypress#23062

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.