hermione-assert-view-extended
Hermione plugin for extend assertView command. Inspired hermione-ignore.
Install
npm i -D hermione-assert-view-extended
Usage
Set options for the plugin in your hermione config:
{
hooks: {
beforeEach: function(name, selector, options) {
return this.browser.moveTo(0, 0);
},
afterEach: function(name, selector, options) {
console.log(`Asserted view '${name}' for '${selector}' selector.`);
}
},
globalStyles: {
animationDisabled: true,
redraw: 'soft',
ignoreElements: [
'.classname1'
],
invisibleElements: [
'.classname3'
],
hideElements: [
'.classname2'
],
customCSS: `
body {
background-color: red;
}
`
}
}
Options
Option | Default | Description |
---|
hooks | | Hermione commands which will be called before/after call assertView in then() . |
hooks.beforeEach | | Hermione commands which will be called before call assertView and first inner execute. |
hooks.afterEach | | Hermione commands which will be called after call assertView and last inner execute. |
globalStyles | | CSS injection appended in <head> before call assertView. It will be removed after call assertView. |
globalStyles.animationDisabled | false | Disable CSS animation (transition-duration: 0s , animation-duration: 0s , etc.). |
globalStyles.redraw | false | Bowser redraw page after apply styles.
'soft' , 'medium' — only repaint without reflow;'hard' — reflow and repaint.
|
globalStyles.redrawElements | ['body'] | Elements will be redrawed. |
globalStyles.redrawTimeout | | Timeout after redraw elements. |
globalStyles.ignoreElements | | Elements will be covered with black rect. |
globalStyles.invisibleElements | | Elements will be hidden with opacity: 0 . |
globalStyles.hideElements | | Elements will be hidden with display: none . |
globalStyles.customCSS | | Custom styles. |
Licence
MIT