Cypress框架端到端UI测试视频教程Cypress Framework for End to End UI Testing

本课程将教您如何安装和开始使用 Cypress 框架。Cypress 是一个非常强大的框架，用于为您的应用程序编写端到端测试。使用 Cypress 快速且非常容易地启动和运行。我们将介绍 cypress 以及如何编写端到端 UI 测试以帮助测试您的应用程序并捕获由于新代码或对现有代码进行更改而导致的任何缺陷。

作为课程项目的一部分，我们将首先构建一个简单的 UI 应用程序，稍后我们将使用它来编写我们的 UI 测试。然后我们将安装 cypress 并开始编写我们的测试和断言，然后我们将看看我们将如何针对不同的用例运行这些测试

课程大纲 本节将回顾课程大纲，并描述我们将在本课程中涵盖的内容
Cypress 简介 Cypress 简介以及我们可能想要使用它并将其嵌入到我们的项目中的原因
简单 UI 应用程序 本节介绍我们的简单 UI 应用程序将要建造。稍后我们将使用这个应用程序来编写我们的 UI 测试，使用 Cypress
初始化项目本节向您展示如何初始化我们的项目并安装我们需要继续构建我们的应用程序的依赖项。在继续之前，请确保您的计算机上安装了最新版本的 Node.js (LTS)
创建我们的应用程序的后端部分 我们将开始构建我们简单应用程序的后端部分
创建应用程序的前端部分 在本节中，我们将开始构建应用程序的
前端部分 前端部分 2 继续我们的应用程序的前端部分，我们将在本讲座中创建一个简单的登录页面表单。
前端第 3 部分 在这里，我们将在用户登录后构建一个主页。我们还将构建一个用户注销后重定向的页面
添加到我们的后端 我们将修改我们的应用程序的后端以返回正确的根据特定请求将静态 html 文件发送到前端
测试我们的 App End 2 End 现在我们已经完成了一个简单的应用程序的构建，我们将对其进行测试以确保正确的功能

This course will teach you how to install and get started with the Cypress framework. Cypress is a very powerful framework for writing end to end tests for your applications. Getting up and running with Cypress is fast and very easy. We will cover cypress and how you can write end to end UI tests to help test your application and catch any defects as result of new code or changes to existing code.

As part of the class project, we will start by building a simple UI application that we will later use to write our UI tests against. we will then install cypress and start to write our tests and assertions and then we will take a look at how we would go about running those tests for different use cases

Course Outline This section will go over the course outline and describe what we will cover in this course
Introduction to Cypress Introduction to Cypress and why we might want to use it and embed it into our project
Simple UI Application This section covers the simple UI app we are going to build. We will then use this app later to write our UI tests using Cypress
Initializing the Project This section shows you how to initialize our project and install the dependencies we need to move forward with building our app. Please ensure you have the latest version of Node.js (LTS) installed on your computer before you proceed
Create the Backend Portion of our Application We will start building the back-end part of our simple application
Create the Front Portion of our Application In this section we will begin to build the front-end portion of our application
Front End part 2 Continuing on with our front end portion of our application, we will be a simple login page form in this lecture.
Front End part 3 Here, we will build a home page after the user has logged in. we will also build a page where the user is redirected once they logout
Adding to our Back End We will modify the backend of our app to return the correct static html file to the front end given a specific request
Testing our App End 2 End Now that we have finished building a simple app, we will test it to ensure correct functionality