Page MenuHomeWickedGov Phorge
Files F4106779

menuTabs.test.js
No OneTemporary
Actions

Size
1 KB
Referenced Files
None
Subscribers
None

menuTabs.test.js
View Options

const menuTabs = require( '../../../resources/skins.vector.js/menuTabs.js' );
describe( 'menuTabs', () => {
beforeEach( () => {
/** @type {Function} */
let callback;
jest.spyOn( mw, 'hook' ).mockImplementation( () => ( {
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();
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">
<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();
mw.hook( 'util' ).fire( menuItem, { id: 'test-id' } );
expect( document.body.innerHTML ).toMatchSnapshot();
} );
} );

File Metadata

Mime Type
text/html
Expires
Tue, Aug 18, 19:44 (2 w, 4 d ago)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
56/04/877b0457554661ece982edf0fb84
Default Alt Text
menuTabs.test.js (1 KB)

Event Timeline