LOADING

Copycat - Testing Extension

Copycat - Testing Extension1.0.5

玩笑人偶的模仿者此扩展旨在简化 Web 测试的创建。它就像 Selenium-IDE,但对于玩笑的人来说……玩笑人偶的模仿者此扩展旨在简化 Web 测试的创建。它就像 Selenium-IDE,但用于玩笑(目前)。此外,此扩展程序会在您自己的浏览器上记录操作,因此不需要打开新的 Selenium 或 Puppet

官方版无广告24

更新日期:2021年 8月 29日分类标签:语言:中文平台:

733KB 0 人已下载 手机查看

简介:
玩笑人偶的模仿者此扩展旨在简化 Web 测试的创建。它就像 Selenium-IDE,但对于玩笑的人来说……玩笑人偶的模仿者此扩展旨在简化 Web 测试的创建。它就像 Selenium-IDE,但用于玩笑(目前)。此外,此扩展程序会在您自己的浏览器上记录操作,因此不需要打开新的 Selenium 或 Puppeteer 窗口来记录您在其上的操作。在记录状态,它用目标元素唯一选择器记录下面描述的事件。 GitHub 页面 -> https://github.com/omergulen/testing-extension – 支持的操作– 点击起源事件|操作键 |说明 | | ——————— | ————- | | `点击` |鼠标“点击”事件。 | | `鼠标按下` |鼠标 `mousedown` 事件。 | | `拖放` |如果`mouseup` 事件发生在`mousedown` 事件之后并且它们的坐标差大于10。 #### 关键事件|操作键 |说明 | | ——————— | ————- | | `keydown` |键盘“keydown”事件。如果“keydown”事件连续触发并且它们的选择器相同,它会自动将“keydown”事件收集为一个。 | | `组合键下` |如果它们同时被触发,它会结合特殊的按键事件,例如:`Ctrl+A`。 | #### 页面更改事件|操作键 |说明 | | ——————— | ————- | | `换页` |如果触发了`onbeforeunload` 事件。 | | `点击页面更改` |如果窗口的 `onbeforeunload` 事件发生在 `click` 或 `mousedown` 事件之后。 | ####验证事件右键单击元素并选择正确的验证操作来触发。 |操作键 |说明 | | ——————— | ————- | | `验证文本` |它获取右键单击的元素的“text”,并与测试中元素的“textContent”匹配。 | | `验证链接` |它获取右键单击的元素的 `href` 并与测试中元素的 `href` 匹配。 | | `验证-DOM` |它获取右键单击的元素并检查它是否存在于测试中。 | ## 安装“ git 克隆 https://github.com/omergulen/testing-extension.git “转到`testing-extension`目录运行“纱线安装“现在使用构建扩展“纱线构建“您将看到在 `[PROJECT_HOME]` 中生成了一个 `build` 文件夹## 向 Chrome 添加测试扩展在 Chrome 浏览器中,进入 `chrome://extensions` 页面并开启开发者模式。这使得能够在本地安装 Chrome 扩展程序。 <img src="https://cdn-images-1.medium.com/max/1600/1*OaygCwLSwLakyTqCADbmDw.png" />现在点击`LOAD UNPACKED`并浏览到`[PROJECT_HOME]\build`,这会将React应用程序安装为Chrome扩展程序。当您访问任何网站并单击扩展程序图标时,注入的页面将切换。 <img src="./assets/extension_test.png" /> <img src="./assets/extension_test2.png" /> <img src="./assets/close_on_hover.png" />删除悬停时不需要的操作。 ## 用法 – 测试环境### 安装 jest-puppeteer “`bash # 开玩笑 22~23 yarn add –save-dev jest-puppeteer@3.9.0 puppeteer jest # 开玩笑 24+ yarn add –save-dev jest-puppeteer puppeteer jest “或者“`bash # 开玩笑 22~23 npm install –save-dev jest-puppeteer@3.9.0 puppeteer jest # 开玩笑 24+ npm install –save-dev jest-puppeteer puppeteer jest “ ### 更新 Jest 配置在测试环境的根目录中创建 `jest.config.js`。 “模块.出口 = { "pset": "玩笑木偶师" } “ ### 基本测试输出代码GIF 中的以下测试示例将生成此类代码。它从 [我的 GitHub 个人资料](https://github.com/omergulen) 开始,然后单击固定存储库之一(testing-extension),当页面更改时,它会检查存储库标题的 `href` 是 `https:// github.com/omergulen/testing-extension` 与否。 “描述('测试 1',() => { beforeAll(async () => {等待 page.goto('https://github.com/omergulen'); }); it('Test 1 – 1', async () => {等待 Promise.all([ page.click(':nth-child(2) > .Box > .pinned-item-list-item-content > .d-flex > .text-bold > .repo'), page.waitForNavigation() ]); var nodeLink = await page.$$eval('strong > a', el => el[0].href)期望(nodeLink).toBe('https://github.com/omergulen/testing-extension'); }, 60000); }); “ <img src="./assets/test_example.gif" /> ### 创建`__tests__` 文件夹要使用默认的 `jest-puppeteer` pset,您需要将测试文件放入测试环境根目录下的 `__tests__` 文件夹中。 ### 更新 Puppeteer 配置_(可选)_在测试环境的根目录中创建 `jest-puppeteer.config.js`。 “模块.出口 = {发射: { headless: false, // 禁用无头铬defaultViewport: null // 设置页面适合浏览器},浏览器上下文:'默认', } “ ###在项目配置中添加`test`命令在您项目的 `package.json` 文件中,将 `"test": "jest"` 行插入到 `"scripts"` 对象中。它基本上看起来像这样: “ { “脚本”:{ “测试”:“开玩笑” }, “开发依赖”:{ “开玩笑的傀儡”:“^4.3.0” }, “依赖关系”:{ "jest": "^24.8.0", “傀儡师”:“^1.19.0” } } “ ### 运行测试`yarn run test` 或 `npm run test` 都可以。 <img src="./assets/run_test.png" /> ## 贡献欢迎在 GitHub 上提交错误报告和拉取请求,网址为 https://github.com/omergulen/testing-extension。该项目旨在成为一个安全、欢迎合作的空间,并且期望贡献者遵守贡献者契约行为准则## 执照根据 [MIT 许可证](http://opensource.org/licenses/MIT) 的条款,该存储库可作为开源提供。

相关资源

Github Fork Confirmation
向 Github 和 Gist Fork 按钮添加确认对话框。您是否总是不小心分叉存储库?我知道我是。这个 Chrome 扩展程序(或用户脚本!)会有所帮助。它向 Github 存储库和 Gists 上的 Fork 按钮添加了一个确认对话框。源代码可在 Github 上获得。 https://github.com
CataHub Content Parser
使用 CataHub 插件从任何站点传输产品数据。 30 秒而不是 5 分钟!忘掉繁琐的手动复制、浏览器窗口之间的转换和没完没了的“ctrl + c - ctrl + v”吧。该插件将解决大部分内容传输任务,每天为您节省数小时。自动和半自动数据收集,传输前编辑数据的能力,一键传输。内容管理员、内容编辑不可或缺的助
开发工具箱
常用小工具集合于一身,为我们的工作带来了福音。*此次更新中移除了原版中的右键菜单选项和冗余权限功能强大、方便、全面的软件开发小工具合集字符串编码解码二维码生成、解码加密解密HTML/JS/CSS常用对照表......*注:原作者未将应用上传到Chrome应用商店,在高版本的Chrome中运行crx比较麻烦,且有诸
Shader Editor
在浏览器中实时编辑着色器。一个 Chrome DevTools 扩展,可帮助您在浏览器中实时编辑着色器。非常基于 Firefox DevTools Shader Editor。包括 GLSL 着色器的实时编辑:顶点和片段着色器。语法高亮和错误报告。全屏编辑器模式。自动格式化和 GLSL 优化选项。悬停时着色器着色
PseudoLocalizer
伪本地化 HTML 网页。更新包括许多错误修复以及现在起诉日本数字的改进填充。源代码现已在 github (https://github.com/eirikRude/pseudolocalizer) 中提供伪本地化是本地化和国际化工程师的重要工具。伪本地化的目标是提供一个仍然可用的界面,同时突出显示应用程序本地化
GraphIQL Feen
强大的 GraphIQL 资源管理器GraphIQL 的 Chrome 扩展,具有许多功能,而且还有更多功能! * 保存/加载查询和变量以构建有用的查询库。 * 保存/选择服务器定义,以便您可以为不同的服务器设置不同的设置。 * 支持 GET/POST/Multi-part GraphQL 请求! * 授权已定义

暂无评论

暂无评论...