mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-11-21 11:04:24 +00:00
e7a10c70ae
This helps fix issues that make tooltip tests sometimes fail when run against jQuery 3.2 or newer due to timing differences. Details: * Add the `moduleAfterEach` function ensuring no timers are running. * Attach this function via `common.testWidget`. * Attach this function to most test suites. * Add a tooltip test helper cleaning up leftover timers. * Rename legacy `setup`/`teardown` hooks to `beforeEach`/`afterEach`. Closes gh-1920
65 lines
1.7 KiB
JavaScript
65 lines
1.7 KiB
JavaScript
define( [
|
|
"qunit",
|
|
"jquery",
|
|
"./helper",
|
|
"ui/widgets/tooltip"
|
|
], function( QUnit, $, testHelper ) {
|
|
|
|
var beforeAfterEach = testHelper.beforeAfterEach;
|
|
|
|
QUnit.module( "tooltip: events", beforeAfterEach() );
|
|
|
|
QUnit.test( "programmatic triggers", function( assert ) {
|
|
assert.expect( 4 );
|
|
var tooltip,
|
|
element = $( "#tooltipped1" ).tooltip();
|
|
|
|
element.one( "tooltipopen", function( event, ui ) {
|
|
tooltip = ui.tooltip;
|
|
assert.ok( !( "originalEvent" in event ), "open" );
|
|
assert.strictEqual( ui.tooltip[ 0 ],
|
|
$( "#" + element.data( "ui-tooltip-id" ) )[ 0 ], "ui.tooltip" );
|
|
} );
|
|
element.tooltip( "open" );
|
|
|
|
element.one( "tooltipclose", function( event, ui ) {
|
|
assert.ok( !( "originalEvent" in event ), "close" );
|
|
assert.strictEqual( ui.tooltip[ 0 ], tooltip[ 0 ], "ui.tooltip" );
|
|
} );
|
|
element.tooltip( "close" );
|
|
} );
|
|
|
|
QUnit.test( "mouse events", function( assert ) {
|
|
assert.expect( 2 );
|
|
var element = $( "#tooltipped1" ).tooltip();
|
|
|
|
element.on( "tooltipopen", function( event ) {
|
|
assert.deepEqual( event.originalEvent.type, "mouseover" );
|
|
} );
|
|
element.trigger( "mouseover" );
|
|
|
|
element.on( "tooltipclose", function( event ) {
|
|
assert.deepEqual( event.originalEvent.type, "mouseleave" );
|
|
} );
|
|
element.trigger( "focusout" );
|
|
element.trigger( "mouseleave" );
|
|
} );
|
|
|
|
QUnit.test( "focus events", function( assert ) {
|
|
assert.expect( 2 );
|
|
var element = $( "#tooltipped1" ).tooltip();
|
|
|
|
element.on( "tooltipopen", function( event ) {
|
|
assert.deepEqual( event.originalEvent.type, "focusin" );
|
|
} );
|
|
element.trigger( "focusin" );
|
|
|
|
element.on( "tooltipclose", function( event ) {
|
|
assert.deepEqual( event.originalEvent.type, "focusout" );
|
|
} );
|
|
element.trigger( "mouseleave" );
|
|
element.trigger( "focusout" );
|
|
} );
|
|
|
|
} );
|