Cypress UI/API测试的使用参考

官网的深入示例

https://docs.cypress.io/examples/examples/recipes.html

类别	地址和备注
workshop	https://docs.cypress.io/examples/examples/workshop.html#End-to-end-Testing-with-Cypress-io https://github.com/cypress-io/testing-workshop-cypress 这里有初中高级别的学习说明。包含一步步如何把工程等做出来的
Recipes	https://docs.cypress.io/examples/examples/recipes.html#Fundamentals 各种技术点的菜单式讲解
视频	https://docs.cypress.io/examples/examples/tutorials.html 需要FQ
Applications	https://docs.cypress.io/examples/examples/applications.html 完整的应用工程测试的例子 Kitchen Sink Vanilla Showcases every single Cypress command 展示每个命令的用法 TodoMVC React Compares the official TodoMVC Selenium tests to Cypress TodoMVC和selenium的对比 Realworld React Full end-to-end tests for the gothinkster/realworld “Conduit” app 完整的应用工程测试

相关资料内网confluence搜索关键词 cypress

Docker方式运行环境

除了普通的安装方式外，这里对基于docker的运行方式进行一个总结。

docker方式比较简单，依赖少，多人工作时比较方便

运行模式

https://www.cypress.io/blog/2019/05/02/run-cypress-with-a-single-docker-command/

Running headless tests-后台运行模式

If you have Cypress end-to-end tests, you can run them using the complete image. For example, if your project structure looks like this:

cypress/

integration/

spec.js

cypress.json

Then you can execute your Cypress tests using the following shell command:

$ docker run -it -v $PWD:/e2e -w /e2e cypress/included:3.2.0

Interactive mode-交互模式

DISPLAY=$IP:0

docker run -it \

-v $PWD:/e2e \

-v /tmp/.X11-unix:/tmp/.X11-unix \

-w /e2e \

-e DISPLAY \

--entrypoint cypress \

cypress/included:3.2.0 open --project .

镜像类别

https://docs.cypress.io/examples/examples/docker.html

cypress/base:<Node version> has the operating system dependencies required to run Cypress.

Cypress依赖的运行环境

cypress/browsers:<tag> extends the base images with pre-installed browsers.

包含了浏览器的镜像Docker image with all operating system dependencies and some pre-installed browsers, but NOT Cypress itself. See cypress/included images if you need Cypress pre-installed in the image.

下载地址

https://hub.docker.com/r/cypress/browsers/tags

cypress/included:<Cypress version> extends the base images with pre-installed Cypress versions.

安装好的可用的cypress镜像【有内置浏览器的版本】Docker images with all operating system dependencies, Cypress, and some pre-installed browsers.

下载地址

https://hub.docker.com/r/cypress/included/tags

镜像的完整类别地址

https://github.com/cypress-io/cypress-docker-images

cypress/included:6.1.0

cypress/browsers:node12.18.3-chrome87-ff82

914M

完整的使用说明