Copycat - Testing Extension Chrome 插件, crx 扩展下载
扩展ID: dlbnejfbjfikckofdndbjndhhbplmnpj
Copycat for jest-puppeteer This extension is built to ease creating web tests. It is like Selenium-IDE, but for jest-puppeteer…Copycat for jest-puppeteer This extension is built to ease creating web tests. It is like Selenium-IDE, but for jest-puppeteer (for now). Also, this extension records actions on your own browser, so it doesn't need to open up new Selenium or Puppeteer window to record your actions on it. In recording state it records the events which are stated below with the target elements unique selector. GitHub Page -> https://github.com/omergulen/testing-extension - Supported Actions -- Click origined events | Action Key | Description | | --------------------- | ------------- | | `click` | Mouse `click` event. | | `mousedown` | Mouse `mousedown` event. | | `drag-and-drop` | If `mouseup` event comes after `mousedown` event and the difference between their coordinates is greater than 10. | #### Key originated events | Action Key | Description | | --------------------- | ------------- | | `keydown` | Keyboard `keydown` event. It automaticly gathers the `keydown` events into one if they consecutive triggered and their selectors are the same. | | `combined-keydown` | It combines special keydown events if they are trigged at the same time, example: `Ctrl+A`. | #### Page change events | Action Key | Description | | --------------------- | ------------- | | `page-change` | If `onbeforeunload` event is triggered. | | `click-page-change` | If `onbeforeunload` event of the window comes after `click` or `mousedown` event. | #### Verify events Triggers with right click on the element and choose proper verify action. | Action Key | Description | | --------------------- | ------------- | | `verify-text` | It gets the right clicked element's `text` and matches with the `textContent` of the element in the test. | | `verify-link` | It gets the right clicked element's `href` and matches with the `href` of the element in the test. | | `verify-DOM` | It gets the right clicked element and check if it exists in the test. | ## Installation ``` git clone https://github.com/omergulen/testing-extension.git ``` Go to `testing-extension` directory run ``` yarn install ``` Now build the extension using ``` yarn build ``` You will see a `build` folder generated inside `[PROJECT_HOME]` ## Adding Testing Extension to Chrome In Chrome browser, go to `chrome://extensions` page and switch on developer mode. This enables the ability to locally install a Chrome extension. <img src="https://cdn-images-1.medium.com/max/1600/1*OaygCwLSwLakyTqCADbmDw.png" /> Now click on the `LOAD UNPACKED` and browse to `[PROJECT_HOME]\build` ,This will install the React app as a Chrome extension. When you go to any website and click on extension icon, injected page will toggle. <img src="./assets/extension_test.png" /> <img src="./assets/extension_test2.png" /> <img src="./assets/close_on_hover.png" /> Remove unwanted actions on hover. ## Usage - Testing Environment ### Installation of jest-puppeteer ```bash # for jest 22~23 yarn add --save-dev [email protected] puppeteer jest # for jest 24+ yarn add --save-dev jest-puppeteer puppeteer jest ``` or ```bash # for jest 22~23 npm install --save-dev [email protected] puppeteer jest # for jest 24+ npm install --save-dev jest-puppeteer puppeteer jest ``` ### Update Jest configuration Create `jest.config.js` in the root of your testing environment. ``` module.exports = { "preset": "jest-puppeteer" } ``` ### Basic Test Output Code Following test example in the GIF will generate such code. It starts in [my GitHub Profile](https://github.com/omergulen) and clicks one of the pinned repositories (testing-extension) and when page changes it checks for the repository title's `href` is `https://github.com/omergulen/testing-extension` or not. ``` describe('Test 1', () => { beforeAll(async () => { await page.goto('https://github.com/omergulen'); }); it('Test 1 - 1', async () => { await 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) expect(nodeLink).toBe('https://github.com/omergulen/testing-extension'); }, 60000); }); ``` <img src="./assets/test_example.gif" /> ### Creating `__tests__` folder To work with default `jest-puppeteer` preset, you need to put your test files into the `__tests__` folder in the root of your testing environment. ### Update Puppeteer configuration _(optional)_ Create `jest-puppeteer.config.js` in the root of your testing environment. ``` module.exports = { launch: { headless: false, // Disable headless chromium defaultViewport: null // Set page fit to the browser }, browserContext: 'default', } ``` ### Adding `test` command to the project configuration In your project's `package.json` file, insert `"test": "jest"` line into the `"scripts"` object. It will basicly look something like that: ``` { "scripts": { "test": "jest" }, "devDependencies": { "jest-puppeteer": "^4.3.0" }, "dependencies": { "jest": "^24.8.0", "puppeteer": "^1.19.0" } } ``` ### Running tests `yarn run test` or `npm run test` will do. <img src="./assets/run_test.png" /> ## Contribution Bug reports and pull requests are welcome on GitHub at https://github.com/omergulen/testing-extension. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the Contributor Covenant code of conduct ## License The repo is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
名称 | Copycat - Testing Extension |
插件标识 | dlbnejfbjfikckofdndbjndhhbplmnpj |
平台 | Chrome |
评分 | 0 |
评分人数 | 1 |
插件主页 | |
作者 | Ömer Gülen |
版本号 | 1.0.5 |
大小 | 733 KB |
官网下载次数 | 224 |
分类 | 查看更多 web开发 分类下的扩展插件 |
下载地址 | |
更新时间 | 2019-11-01 00:00:00 |
CRX扩展文件安装方法
打开Chrome浏览器的扩展程序: 地址栏直接输入:chrome://extensions/ 即可进入,将右上角的【开发者模式】开启,重启chrome(重要操作),再次打开扩展程序管理界面,把下载的crx直接拖动进去即可完成安装,注意请更新最新版本的chrome.
打开Chrome浏览器的扩展程序: 地址栏直接输入:chrome://extensions/ 即可进入,将右上角的【开发者模式】开启,重启chrome(重要操作),再次打开扩展程序管理界面,把下载的crx直接拖动进去即可完成安装,注意请更新最新版本的chrome.
回复
强烈推荐
相关推荐
大家在找这些插件
- augmented-steam
- font-weight
- ✒font-weight:800✒font-weight:800
- ✒font-weight:800
- 电子书全网搜
- Songsterr
- pdf????????????ppt
- ai翻译
- OKX
- 英文学习
- 拖放自由
- 媒介
- 云彩
- 小云
- OneNote Web
- 坐标
- IDMç ´è§£ç
- A Cute Browser Pet
- PowerPoint
- 微乐麻将
- palinsestotv.c
- ligopartners.c
- luccascovo.c
- commercialera.c
- magyargifts.c
- salesforce login
- 在线听
- Youtube中文配音
- 中文配音
- 网络助手
- Free Download Manager edge
- uc浏览器
- uc
- filcr
- biliplus
- hpoi
- flash copilot
- FilCR
- m3u9
- pornbot
- pornhubbot
- boodigo
- BiliPlus
- 雷电下单助手
- 雷电
- idgn
- 股票基金管家
- switch Omega
- word highlight
- setuovon
- ghler
- ligopartners.com
- 视频号
- ug
- Supercopy
- insgram
- acg
- 视频会员
- HPOI
- avtar
- acr
- Kimi
- antibot
- chandler
- 1passward
- Flash Copilot
- 黑暗模式-护眼
- 蓉城
- 税号
- Pornhub 视频免费下载器 Chrome 插件_DESKTOP
- 黑暗模式-夜眼
- hare
- ai渲染
- 超市投标书
- luccascovo.com
- commercialera.com
- wechatneedweb
- 多线程下载管理插件
- 多线程下载插件
- asciidoctor.js
- 标签页冻结
- uipx-chrome-plugin-master
- Koala Inspector
- palinsestotv.com
- magyargifts.com
- 秘密阅读助手
- 媒体流
- docs online viewer
- NTKO WEB chrome
- kimi阅读助手
- ungerboeck
- bookmark preview
- easy scraper
- been choice
- css pr
- popchatgpt
- zeroomega
- openh246
- bookmark preview - productivity and extensio
相关搜索词
- Thunder Download Extension.crx
- extension
- extension_1_0_90_0
- Free Download Manager Chrome extension
- EXTENSION DETAILS
- Axure RP Extension for Chrome
- The QR Code Extension
- extension manager
- Extension Management
- AXURE RP EXTENSION
- This extension enables you to set homepage and open in new or current tab. How to use : 1. At Optio
- The QR code extension
- Extension Manager
- NeatDownloadManager-Extension
- Ali Reviews Extension
- neatdownloadmanager-extension
- AXURE RP EXTENSION For Chrome
- Thunder-Download-Extension-for-Chrome_v3.1.crx
- NeatDownloadManager Extension
- Free Download Manager Chrome Extension
- bigbanglib web extension
- Picture-in-Picture Extension
- the QR code extension
- NeatDownloadManager Extension 1.5.0