mediawiki-skins-MinervaNeue/tests/qunit/skins.minerva.scripts/watchstar.test.js
Fomafix c43cdce48c Some small JavaScript/jQuery improvements
Change-Id: I33feb8bccbd870f589a01dc187e6155b7498714c
2024-04-08 19:45:22 +00:00

41 lines
1.6 KiB
JavaScript

/* eslint-disable no-jquery/no-class-state */
( function () {
const watchstar = require( '../../../resources/skins.minerva.scripts/watchstar.js' );
const toggleClasses = watchstar.test.toggleClasses;
const WATCHED_CLASS = watchstar.test.WATCHED_ICON_CLASS;
const TEMP_WATCHED_CLASS = watchstar.test.TEMP_WATCHED_ICON_CLASS;
const UNWATCHED_CLASS = watchstar.test.UNWATCHED_ICON_CLASS;
QUnit.module( 'Minerva Watchstar' );
function createElemWithClass( cssClass, iconClass ) {
const $icon = $( '<span>' ).addClass( `minerva-icon ${ iconClass }` );
return $( '<div>' ).addClass( cssClass ).append( $icon );
}
QUnit.test( 'toggleClasses() from watched to unwatched', function ( assert ) {
const $elem = createElemWithClass( WATCHED_CLASS );
toggleClasses( $elem, false );
assert.true( $elem.find( '.minerva-icon' ).hasClass( UNWATCHED_CLASS ) );
} );
QUnit.test( 'toggleClasses() from unwatched to watched', function ( assert ) {
const $elem = createElemWithClass( UNWATCHED_CLASS );
toggleClasses( $elem, true, null );
assert.true( $elem.find( '.minerva-icon' ).hasClass( WATCHED_CLASS ) );
} );
QUnit.test( 'toggleClasses() from unwatched to temp watched', function ( assert ) {
const $elem = createElemWithClass( UNWATCHED_CLASS );
toggleClasses( $elem, true, 'expiry' );
assert.true( $elem.find( '.minerva-icon' ).hasClass( TEMP_WATCHED_CLASS ) );
} );
QUnit.test( 'toggleClasses() from temp watched to watched', function ( assert ) {
const $elem = createElemWithClass( TEMP_WATCHED_CLASS );
toggleClasses( $elem, true, null );
assert.true( $elem.find( '.minerva-icon' ).hasClass( WATCHED_CLASS ) );
} );
}() );