Hermione plugin for extend assertView command. Inspired hermione-ignore.
npm i -D hermione-assert-view-extended
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: true,
// Elements will be covered with black rect.
ignoreElements: [
'.classname1'
],
// Elements will be hidden with `opacity: 0`.
invisibleElements: [
'.classname3'
],
// Elements will be hidden with `display: none`.
hideElements: [
'.classname2'
],
customCSS: `
body {
background-color: red;
}
`
}
}| 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. It will be true, if you set redrawElements. |
globalStyles.redrawMode |
'medium' |
Bowser redraw page after apply styles.
|
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. |
MIT