mediawiki-extensions-Multim.../tests/qunit/mmv/ui/mmv.ui.stripeButtons.test.js
Gergő Tisza 47a8bda392 Create StripeButtons class, convert reuse button to use it
Also do a bunch of refactoring to:
* keep LESS rules in more sane locations so it is not as hard to get an overview
  (most of the metadata panel rules were in mmv.less)
* move mmv.mixins.less up one directory as it is not specific to the UI
* move the SVG icons as all of them were related to the UI
* remove the marging-right hack which was used to keep the title text from
  overflowing the button; instead use a float and overflow properties to make
  sure text that is too long gets hidden

Change-Id: Icc8ea2e766be67d86ae98c734721b2185bd6c36e
2014-04-03 23:13:12 +00:00

59 lines
2.2 KiB
JavaScript

/*
* This file is part of the MediaWiki extension MediaViewer.
*
* MediaViewer is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 2 of the License, or
* (at your option) any later version.
*
* MediaViewer is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with MediaViewer. If not, see <http://www.gnu.org/licenses/>.
*/
( function( mw, $ ) {
QUnit.module( 'mmv.ui.StripeButtons', QUnit.newMwEnvironment() );
QUnit.test( 'Sanity test, object creation and UI construction', 2, function ( assert ) {
var buttons = new mw.mmv.ui.StripeButtons( $( '#qunit-fixture' ) );
assert.ok( buttons, 'UI element is created.' );
assert.strictEqual( buttons.buttons.$reuse.length, 1, 'Reuse button created.' );
} );
QUnit.test( 'set()/empty() sanity test:', 1, function ( assert ) {
var buttons = new mw.mmv.ui.StripeButtons( $( '#qunit-fixture' ) );
buttons.set();
buttons.empty();
assert.ok( true, 'No error on set()/empty().' );
} );
QUnit.test( 'attach()/unattach():', 4, function ( assert ) {
var buttons = new mw.mmv.ui.StripeButtons( $( '#qunit-fixture' ) );
$( document ).on( 'mmv-reuse-open.test', function ( e ) {
assert.ok( e, 'Reuse panel opened.' );
} );
buttons.attach();
buttons.buttons.$reuse.trigger( 'click.mmv-stripeButtons' );
$( document ).trigger( 'mmv-reuse-opened' );
assert.ok( buttons.buttons.$reuse.hasClass( 'open' ), 'open event is handled when attached' );
$( document ).trigger( 'mmv-reuse-closed' );
assert.ok( !buttons.buttons.$reuse.hasClass( 'open' ), 'close event is handled when attached' );
buttons.unattach();
buttons.buttons.$reuse.trigger( 'click.mmv-stripeButtons' );
$( document ).trigger( 'mmv-reuse-opened' );
assert.ok( !buttons.buttons.$reuse.hasClass( 'open' ), 'open event is not handled when unattached' );
$( document ).off( 'mmv-reuse-open.test' );
} );
}( mediaWiki, jQuery ) );