Web自动化测试框架——TestCafe使用指南

什么是TestCafe？

TestCafe是一个基于Node.js，支持多平台（Linux，Windows，macOS）的端到端web测试框架

安装指南

最简单的方式是通过npm包管理工具进行安装，以下命令会在电脑上全局安装testcafe

    npm i -g testcafe

构成

TestCafe测试基于Node.js脚本执行，可通过新创建TypeScript或JavaScript文件开始进行测试用例编写，TestCafe的测试文件由fixtures和tests组成，一个fixture是一组共享初始URL的test函数组成的
建议：在每一个test文件中仅使用一个fixture，如用例集中包含不同初始URL的测试，最好将其分配至不同的测试文件中——通过初始URL进行分类

1. 通过如下方式进行fixture的创建：

    fixture("Getting Started")

2. 然后使用page方法为fixture指定初始的URL：

    fixture("Getting Started").page("https://devexpress.github.io/testcafe/example")

3. 最后，通过使用test方面进行测试用例的声明：

    fixture("Getting Started").page("https://devexpress.github.io/testcafe/example")
   
    test("My first test", async (t) => {
        // Test code here
    })

   测试动作

testcafe当前支持的页面操作：

1. Click（点击）

   点击操作又可分为：Click、Double Click、Right Click，示例：

    import {Selector} from 'testcafe';
    
    fixture `Interact With the Page`.page`example`;
    
    test("Click Test", async (t) => {
        const btn = Selector("button").withText("Test")
        // await t.doubleClick(btn)
        // await t.rightClick(btn)
        await t.click(btn)
    })
   
   

2. Press Key（键盘输入）
3. Type Text（输入文字）
4. Select Text （选择文本）
5. Hover（高亮）
6. Scroll（滑动）
7. Drag Element（拖动元素）
8. Upload Files
9. Work with iframes

testcafe当前支持的浏览器操作：

1.Navigate to a URL

(持续更新至完全～)