mirror of https://github.com/sveltejs/svelte
30 lines
798 B
30 lines
798 B
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>
|
|
` );
|
|
}
|
|
};
|