https://github.com/danhumphrey/page-modeller

⚙️ Browser DevTools extension for modelling web pages for automation.
https://github.com/danhumphrey/page-modeller

chrome-extension firefox-extension pageobject pageobject-generator pageobjectmodel puppeteer robot robot-framework robotframework selenium selenium-webdriver test-automation testing testing-tools webdriver webextension

Last synced: 27 days ago
JSON representation

⚙️ Browser DevTools extension for modelling web pages for automation.

• Host: GitHub
• URL: https://github.com/danhumphrey/page-modeller
• Owner: danhumphrey
• License: mit
• Created: 2017-12-19T22:07:06.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2024-07-02T03:22:55.000Z (4 months ago)
• Last Synced: 2024-09-29T02:05:36.931Z (about 1 month ago)
• Topics: chrome-extension, firefox-extension, pageobject, pageobject-generator, pageobjectmodel, puppeteer, robot, robot-framework, robotframework, selenium, selenium-webdriver, test-automation, testing, testing-tools, webdriver, webextension
• Language: JavaScript
• Homepage:
• Size: 10.7 MB
• Stars: 87
• Watchers: 14
• Forks: 25
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ![Page Modeller](src/icons/icon_32.png) Page Modeller

> Browser DevTools extension for modelling web pages for automation.

The Page Modeller extension enables developers to scan a web page and generate page object style code for various tools, languages and frameworks and test the UI locators in the browser.

Current release: **2.5.1**

Supported tools and languages are:

- Selenium WebDriver Java

- Selenium WebDriver C#

- Puppeteer

- Robot Framework

- Protractor

## Contents

- [Browser Support](https://github.com/danhumphrey/page-modeller#browser-support)

- [Installation](https://github.com/danhumphrey/page-modeller#installation)

- [Usage](https://github.com/danhumphrey/page-modeller#usage)

- [Options](https://github.com/danhumphrey/page-modeller#options)

- [Screenshots](https://github.com/danhumphrey/page-modeller#screenshots)

- [Contribute](https://github.com/danhumphrey/page-modeller#contribute)

- [License](https://github.com/danhumphrey/page-modeller#license)

## Browser Support



   



## Installation

Install the extension using the links below:

https://chrome.google.com/webstore/detail/page-modeller/ejgkdhekcepfgdghejpkmbfjgnioejak

https://addons.mozilla.org/en-US/firefox/addon/page-modeller/

https://addons.opera.com/en/extensions/details/install-chrome-extensions/

## Usage



   





  Click to watch demonstration video on YouTube.



## Options

Options can be configured via the browser extension options.

- Show Tooltips

- Dark Mode

- Model Hidden Elements



   



## Screenshots



   





   





   





   





   



## Contribute

### Bugs and Suggestions

If you like this extension, please :star: this repository!

Feel free to propose new functionality and additional frameworks here: https://github.com/danhumphrey/page-modeller/issues

This extension is being actively developed and is considered a beta release.

### Code Contributions

1. Fork this repository

2. Create your feature branch (`git checkout -b my-new-feature`)

3. Commit your changes (`git commit -am 'Added some feature'`)

4. Push to your branch (`git push origin my-new-feature`)

5. Create a new Pull Request

## License

This library is distributed under the MIT license. Please see the [LICENSE](https://github.com/danhumphrey/page-modeller/blob/master/LICENSE) file.

:point_up_2: I really should call this "licence" as I don't live in the US, but I'm adopting the MIT spelling :wink: