mirror of https://github.com/sveltejs/svelte
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
798 B
30 lines
798 B
7 years ago
|
export default {
|
||
|
html: `
|
||
|
<button>action</button>
|
||
|
`,
|
||
|
|
||
|
test ( assert, component, target, window ) {
|
||
|
const button = target.querySelector( 'button' );
|
||
|
const eventEnter = new window.MouseEvent( 'mouseenter' );
|
||
|
const eventLeave = new window.MouseEvent( 'mouseleave' );
|
||
|
const ctrlPress = new window.KeyboardEvent( 'keydown', { ctrlKey: true } );
|
||
|
|
||
|
button.dispatchEvent( eventEnter );
|
||
|
assert.htmlEqual( target.innerHTML, `
|
||
|
<button>action</button>
|
||
|
<div class="tooltip">Perform an Action</div>
|
||
|
` );
|
||
|
|
||
|
window.dispatchEvent( ctrlPress );
|
||
|
assert.htmlEqual( target.innerHTML, `
|
||
|
<button>action</button>
|
||
|
<div class="tooltip">Perform an augmented Action</div>
|
||
|
` );
|
||
|
|
||
|
button.dispatchEvent( eventLeave );
|
||
|
assert.htmlEqual( target.innerHTML, `
|
||
|
<button>action</button>
|
||
|
` );
|
||
|
}
|
||
|
};
|