前端端到端测试

习题预习

1. 什么是Front-End End-to-end testing及其优点?
2. Front-End End-to-end testing的流程是什么?需要用到哪些工具?
3. 如何选择最适合的End-to-end testing框架?
4. 在进行Front-End End-to-end testing时需要注意哪些事项?
5. 如何处理Front-End End-to-end testing中的错误与异常情况?

说明知识

Front-End End-to-end testing是指对应用程式的前端部分进行测试的一种方法。这种测试可以涵盖从介面到逻辑，从UI到API。

举个例子，当一个用户从首页点击一个按钮，可以跳转到另一个网页，这个过程会涉及到多个前端、后端和API的相互作用。Front-End End-to-end testing可以通过自动化测试工具，测试每个步骤，从而提高应用程式的稳定性。

例如，Selenium、TestCafe等都是常用的前端End-to-end测试工具，这些测试工具可以自动化地模拟用户在网站上的行为，如点击按钮、填写表单、提交表单等，随着用户行为的模拟，来验证用户界面的功能是否正常运作，以及对应用程式本身的影响。

条列重点

以下列出Front-End End-to-end testing的重点：

1. 集成网页所有前端的组件
2. 测试使用者在网站上的工作流程
3. 测试网页在不同环境（不同浏览器、手机、平板电脑等）下的运作
4. 测试网站在不同设备和宽度下的反应
5. 测试网站在不同语言和文化下的运行情况
6. 测试数据传输和API的功能是否正常
7. 测试不同的网站链接是否正常运作

综合上述重点，Front-End End-to-end testing的目标在于测试整个前端在所有可能的情境下的运行情况，以确保网站或应用的功能和用户体验达到最佳状态。

知识测验

1. 请问以下哪种测试会检查整个系统的行为，包括用户介面、功能、与后端系统的沟通等等？

A. Unit testing
B. Integration testing
C. End-to-end testing
D. System testing

答：C

2. 当我们进行End-to-end testing时，是否需要针对每个单元元件进行测试？

A. 是
B. 否

答：B

3. 在进行End-to-end testing时，我们可以使用哪些工具来协助自动测试？

A. Mocha
B. Selenium
C. Cypress
D. A与B都可以
E. B与C都可以

答：E

4. 当我们在执行End-to-end testing时，是否需要专门的测试环境？

A. 是
B. 否

答：A

5. 请问在进行End-to-end testing时，我们需要准备哪些测试用例？

A. Positive cases
B. Negative cases
C. Boundary cases
D. A、B、C都需要

答：D