grid-accordion-js/test/add-ons/deep-linking.test.js

Modular grid accordion built in Vanilla JavaScript.

import GridAccordion from '../../src/core/grid-accordion.js';
import DeepLinking from '../../src/add-ons/deep-linking/deep-linking.js';
import { basicAccordion } from '../assets/html/html.js';

let accordion;

beforeAll( ()=> {
    document.body.innerHTML = basicAccordion;
});

describe( 'deep-linking add-on', () => {
    beforeAll( () => {
        accordion = new GridAccordion( '.grid-accordion', {
            addOns: [ DeepLinking ],
            updateHash: true
        });
    });

    test( 'should update the url hash when the accordion navigates to a panel', () => {
        accordion.openPanel( 2 );

        expect( window.location.hash ).toBe( '#grid-accordion/2' );
    });

    test( 'should navigate to the corresponding panel based on url location', () => {
        window.location.href = window.location.origin + '/#grid-accordion/3';
        window.dispatchEvent( new Event( 'hashchange' ) );

        expect( accordion.getCurrentIndex() ).toBe( 3 );
    });
});