A helpful tool for locating UI elements for Cypress, Playwright, Selenium, Squish and other UI Test Tools This extension comes to improve the experience of UI Test development. While developing E2E tests (aka UI tests with Cypress, Playwright, Selenium, Squish and others), a developer can simply see the elements on the page and selectors for these elements.
Detailed can be found here: https://e2eai.danduh.me/contribute/#loading-the-unpacked-extension-into-chrome
- Gow to release page
- Download
package.zipfile - unpack
- in Chrome navigate to chrome://extensions
- Click on Load unpacked extension
- Select the unpacked folder.
That's it... Any suggestions are welcome :)
Supports OpenAI and AzureAI only
This extension helps you to create a page objects for Cypress tests.
- Go to "Use AI" section and click on Scan button.
- Add page object name, and provide more details if needed (will be addedd to the prompt)
- Click on "Send Request" btn to create the page object.
- Navigate to the page you are interested in checking (for example my page)
- Click on the extension icon
- Click on Show elements with E2E
- Hover with the mouse over selected elements.
- To clean all, - Click on the extension icon , then click on Hide
- Click on the extension icon
- Click on the Settings tab
- Do not forget to click on Save
npm run build
cd dist
zip package-<version>.zip -r e2e-test-helper/