xukuitao/playwright-demos

playwright for scrapping and UI testing / automate testing workflows

playwright-demos

Playwright is a Node library to automate the Chromium, WebKit and Firefox browsers with a single API. It enables cross-browser web automation that is ever-green, capable, reliable and fast.

Found this project useful?

If you found this project useful, then please consider giving it a ⭐️ on Github and sharing it with your friends via social media.

Prerequisites

If you are new to node.js, first install node.js >= 10.15.0

Run the Repo app locally

1. git clone https://github.com/nmanikiran/playwright-demos.git

2. cd playwright-demos && npm install

3. npm start | yarn start | node <filename>.js

Examples

1. Launch Webpage

2. Web Page Content

3. Web page Screnshot

4. Access DOM

5. Create Webpage PDF

6. Mobile Emulation

7. Web Workers list

8. Frame(s)

9. Color scheme change

10. Accessibility

    • Webpage Accessibility
    • Accessibility Report

11. Performance

    • Page load time(s)
    • Timeline
    • Page Metrics
    • JS Code Coverage
    • Frame rate

12. Network

    • Intercept Newtwork

13. PWA

    • Disable Javascript
    • Offline
    • Lighhouse / Audit

14. Scraping

    • TodoMvc Meta Data
    • IMDB Movie List
    • Amazon Price Tracker
    • Infinite Scroll Data

15. CDPSessions

    • Play back Rate

16. Automation / E2E

    • Multi Step Form Submittion

17. Visual Testing

    • Record video

TODO

- Add test cases
- image snapshot tests
- Improve Docs

Contributing

Awesome! Contributions of all kinds are greatly appreciated. To help smoothen the process we have a few non-exhaustive guidelines to follow which should get you going in no time.

Using GitHub Issues

1. Feel free to use GitHub issues for questions, bug reports, and feature requests
2. Use the search feature to check for an existing issue Include as much information as possible and provide any relevant resources (Eg. screenshots)

Created & Maintained By

Mani Kiran | @nmanikiran

Feel free to reach out to me through @nmanikiran if you have any questions or feedback! 😊