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: {
animationDisable: true,
ignoreElements: [
'.classname1'
],
invisibleElements: [
'.classname3'
],
hideElements: [
'.classname2'
],
customCSS: `
body {
background-color: red;
}
`
},
globalExecute: {
beforeEach: [
function(message) {
alert(message);
},
'Hello, world!'
],
afterEach: function() {
alert('Bye bye!');
}
}
}
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.animationDisable | false | Disable CSS animation (transition-duration: 0s , animation-duration: 0s , etc.). |
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. |
globalExecute | | Scripts executed before/after call assertView in the inner execut with other manipulation. |
globalExecute.beforeEach | | JS function executed before call assertView. |
globalExecute.afterEach | | JS function executed after call assertView. |
Licence
MIT