Quick guideline for POM Builder v0.9.2

Quick guideline for POM Builder v0.9.2



Installation
1. Open the extension link on Chrome Web Store: https://chrome.google.com/webstore/detail/pom-builder-auto-generate/akcejfbfkkjnghlfngighgncolfaghco
2. Click "Add to Chrome" button


3. Click "Add Extension"

4. POM Builder has been installed into your Chrome browser successfully.


Quick-copy feature
  • Right-click on an element of your interest on your webpage under test
  • Select "POM Builder – Quick Copy" > <your desired selection>
  • There are 3 available selections:
    • Suggested Locator: the most reliable locator recommended by POM Builder, you should use it for better performance and stability. It could be a single attribute locator, CSS Selector or XPath locator.
    • CSS Selector: the CSS selector that uniquely identifies the selected element
    • XPath: the XPath locator that uniquely identifies the selected element

  • After selecting your desired selector, the appropriate locator will be saved to clipboard.
  • Freely paste it anywhere to use the generated value


View & test your locator with POM Builder tab
  • Right-click on an element on your webpage
  • Select Inspect

  • On the Elements tab, select the POM Builder sub-tab

  • You can now view a variety of locators that may uniquely identify the selected element on the POM Builder tab.

  • You can click on an element directly displayed on the DOM tree or use the inspect function to select another element.
  • The appropriate locator(s) will be generated on the POM Builder tab
  • Click the Copy icon to copy its value


  • Click the Find icon to test it with the Test Locator feature


  • You can define your own locator and test it with Test Locator of POM Builder
    • Select the type of locator (XPath/CSS)
    • Type your locator in the search box then hit Enter. Ideally, you'd expect to see that only ONE element that matches the specified locator is found.
    • POM Builder will show the searching result info, 
      • how many matching element(s)
      • matching element(s)
    • You can click on arrow button to change matching element and locate it on the webpage and DOM tree
    • You can edit your locator and start new search. 


Many thanks for using the tool! If you have any problems, feel free to contact us at sales@logigear.com or thuc.nguyen@logigear.com

---
Best Regards,
POM Builder Team

Comments