grid-accordion-js/test/core/navigation.test.js

Modular grid accordion built in Vanilla JavaScript.

import GridAccordion from '../../src/core/grid-accordion.js';
import { basicAccordion } from '../assets/html/html.js';

let accordion;

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

describe( 'accordion navigation', () => {
    beforeAll( () => {
        accordion = new GridAccordion( '.grid-accordion' );
    });

    afterAll( () => {
        accordion.destroy();
    });

    test( 'should increment the value of the selected panel index when calling `nextPanel', () => {
        let counter = accordion.getTotalPanels() * 2;

        while ( counter-- > 0 ) {
            const initialPanelIndex = accordion.getCurrentIndex();
            accordion.nextPanel();
            const finalPanelIndex = accordion.getCurrentIndex();

            expect( [ initialPanelIndex + 1, 0 ] ).toContain( finalPanelIndex );
        }
    });

    test( 'should decrement the value of the selected panel index when calling `previousPanel', () => {
        let counter = accordion.getTotalPanels() * 2;

        while ( counter-- > 0 ) {
            const initialPanelIndex = accordion.getCurrentIndex();
            accordion.previousPanel();
            const finalPanelIndex = accordion.getCurrentIndex();

            expect( [ initialPanelIndex - 1, accordion.getTotalPanels() - 1 ] ).toContain( finalPanelIndex );
        }
    });
});