mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Popups
synced 2024-12-19 10:41:13 +00:00
0282b9648f
Improving Hovercards' settings dialog to fulfill design specification. Also fixing HTML structure by removing invalid `radiogroup` element and adding missing `</div>` element, fixing related QUnit test. Changes: * Add close icon instead of using text * Style header as a table for alignment * Remove redundant "OK" button and have it replace "Save" instead * Update text of "OK" button to "Done" * Fix description for translation of "Done" button * Fix qunit and selenium tests * Remove unnecessary markup and less * Add mediawiki-ui-button and mediawiki-ui-icon dependencies * Shrink dialog width some per design spec * Fix dialog horizontal position calculation to remove hard-coded value Bug: T138612 Change-Id: I7395e3438836149becdd576942bdaf6f21b4163f
84 lines
2.3 KiB
JavaScript
84 lines
2.3 KiB
JavaScript
// render, renderOption, and addFooterLink are already covered in the browser tests
|
|
|
|
( function ( $, mw ) {
|
|
QUnit.module( 'ext.popups.settings' );
|
|
|
|
QUnit.test( 'save', function ( assert ) {
|
|
var jQueryInit = this.sandbox.stub( jQuery.fn, 'init' ),
|
|
radioButtonValue;
|
|
|
|
QUnit.expect( 2 );
|
|
|
|
this.sandbox.stub( mw.popups.settings, 'reloadPage' );
|
|
this.sandbox.stub( mw.popups.settings, 'close' );
|
|
jQueryInit.withArgs( 'input[name=mwe-popups-setting]:checked', '#mwe-popups-settings' )
|
|
.returns( {
|
|
val: function () {
|
|
return radioButtonValue;
|
|
}
|
|
} );
|
|
jQueryInit.withArgs( '#mwe-popups-settings-form, #mwe-popups-settings .save' )
|
|
.returns( {
|
|
hide: $.noop
|
|
} );
|
|
jQueryInit.withArgs( '#mwe-popups-settings-help, #mwe-popups-settings .okay' )
|
|
.returns( {
|
|
show: $.noop
|
|
} );
|
|
|
|
radioButtonValue = 'simple';
|
|
mw.popups.settings.save();
|
|
assert.equal(
|
|
mw.storage.get( 'mwe-popups-enabled' ),
|
|
'1',
|
|
'Popups are enabled when the `simple` radio button is checked.'
|
|
);
|
|
|
|
radioButtonValue = 'off';
|
|
mw.popups.settings.save();
|
|
assert.equal(
|
|
mw.storage.get( 'mwe-popups-enabled' ),
|
|
'0',
|
|
'Popups are disabled when the `off` radio button is checked.'
|
|
);
|
|
|
|
jQueryInit.restore();
|
|
mw.popups.settings.reloadPage.restore();
|
|
mw.popups.settings.close.restore();
|
|
} );
|
|
|
|
QUnit.test( 'open', function ( assert ) {
|
|
QUnit.expect( 2 );
|
|
|
|
mw.popups.settings.open();
|
|
assert.equal(
|
|
( $( window ).width() - mw.popups.settings.$element.outerWidth( true ) ) / 2 + 'px',
|
|
mw.popups.settings.$element.css( 'left' ),
|
|
'Settings dialog is horizontally aligned in the middle.'
|
|
);
|
|
assert.equal(
|
|
( $( window ).height() - mw.popups.settings.$element.outerHeight( true ) ) / 2 + 'px',
|
|
mw.popups.settings.$element.css( 'top' ),
|
|
'Settings dialog is vertically aligned in the middle.'
|
|
);
|
|
mw.popups.settings.close();
|
|
} );
|
|
|
|
QUnit.test( 'close', function ( assert ) {
|
|
QUnit.expect( 2 );
|
|
|
|
mw.popups.settings.open();
|
|
assert.equal(
|
|
mw.popups.settings.$element.is( ':visible' ),
|
|
true,
|
|
'Settings dialog is visible when settings are opened.'
|
|
);
|
|
mw.popups.settings.close();
|
|
assert.equal(
|
|
mw.popups.settings.$element.is( ':visible' ),
|
|
false,
|
|
'Settings dialog is not visible when settings are closed.'
|
|
);
|
|
} );
|
|
} )( jQuery, mediaWiki );
|