77 lines
1.9 KiB
JavaScript
77 lines
1.9 KiB
JavaScript
|
const menuTabs = require( '../../../resources/skins.vector.js/menuTabs.js' );
|
||
|
|
|
||
|
|
describe( 'menuTabs', () => {
|
||
|
|
beforeEach( () => {
|
||
|
|
/** @type {Function} */
|
||
|
|
let callback;
|
||
|
|
// @ts-ignore
|
||
|
|
jest.spyOn( mw, 'hook' ).mockImplementation( () => {
|
||
|
|
return {
|
||
|
|
add: function ( fn ) {
|
||
|
|
callback = fn;
|
||
|
|
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
fire: ( data ) => {
|
||
|
|
if ( callback ) {
|
||
|
|
callback( data );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
} );
|
||
|
|
|
||
|
|
} );
|
||
|
|
|
||
|
|
afterEach( () => {
|
||
|
|
jest.restoreAllMocks();
|
||
|
|
} );
|
||
|
|
|
||
|
|
test( 'adds vector-tab-noicon class to li element when part of tabs', () => {
|
||
|
|
document.body.innerHTML = `
|
||
|
|
<div id="p-views" class="vector-menu mw-portlet mw-portlet-views vector-menu-tabs">
|
||
|
|
<div class="vector-menu-content">
|
||
|
|
<ul class="vector-menu-content-list">
|
||
|
|
<li class="mw-list-item mw-list-item-js" id="test-id">
|
||
|
|
<a href="#test-href">
|
||
|
|
<span>
|
||
|
|
test link content
|
||
|
|
</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
`;
|
||
|
|
const menuItem = document.getElementById( 'test-id' );
|
||
|
|
menuTabs();
|
||
|
|
// @ts-ignore
|
||
|
|
mw.hook( 'util' ).fire( menuItem, { id: 'test-id' } );
|
||
|
|
|
||
|
|
expect( document.body.innerHTML ).toMatchSnapshot();
|
||
|
|
} );
|
||
|
|
|
||
|
|
test( 'does not add vector-tab-noicon class to li element when not part of tabs', () => {
|
||
|
|
document.body.innerHTML = `
|
||
|
|
<div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants vector-menu-dropdown">
|
||
|
|
<div class="vector-menu-content">
|
||
|
|
<ul class="vector-menu-content-list">
|
||
|
|
<li class="mw-list-item mw-list-item-js" id="test-id">
|
||
|
|
<a href="#test-href">
|
||
|
|
<span>
|
||
|
|
test link content
|
||
|
|
</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
`;
|
||
|
|
const menuItem = document.getElementById( 'test-id' );
|
||
|
|
menuTabs();
|
||
|
|
// @ts-ignore
|
||
|
|
mw.hook( 'util' ).fire( menuItem, { id: 'test-id' } );
|
||
|
|
|
||
|
|
expect( document.body.innerHTML ).toMatchSnapshot();
|
||
|
|
} );
|
||
|
|
} );
|