Ruby gem for aiding visual regression by taking partial screenshots of components using selenium selectors and comparing them to images of the expected look
- ImageMagick v6
Create heimdallr with the selenium driver so it can "see" the page you navigate to, then pass it the information for the elements it is checking on the page.
Example:
@heimdallr = HeimdallrViz::Viz.new driver: @browser
page_elements = [
{
element_name: 'chart',
element_selector: { id: '#chart' },
prior_image: 'images/chart.png'
},
{
element_name: 'tab',
element_selector: { xpath: '//*[@id="tab"]' },
prior_image: 'images/ship.png'
},
{
element_name: 'logo',
element_selector: { class: '#logo' },
prior_image: 'images/logo.png'
}
]
result = @heimdallr.check_visuals(page_elements)
Heimdallr will output images used for comparison to heimdallr-report
, which can be changed:
@heimdallr.output_dir = 'new directory'
Contributions welcome; simply open a PR with the improvement you want to make!
Find an issue not yet logged? Raise something on the github repo!
Curious about where this project is going? Check out the backlog!