accordion-slider-js/test/add-ons/swap-background.test.js

Modular accordion slider built in Vanilla JavaScript.

import AccordionSlider from '../../src/core/accordion-slider.js';
import SwapBackground from '../../src/add-ons/swap-background/swap-background.js';
import { swapBackgroundAccordion } from '../assets/html/html.js';

let accordion;

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

describe( 'swap background add-on', () => {
    beforeAll( () => {
        accordion = new AccordionSlider( '.accordion-slider', {
            addOns: [ SwapBackground ]
        });
    });

    test( 'should swap the visibility of the background images when the panel opens', () => {
        accordion.openPanel( 0 );

        const openedPanelBackground = accordion.getPanelAt( 0 ).panelEl.getElementsByClassName( 'as-background-opened' )[0];

        expect( openedPanelBackground.style.visibility ).toBe( 'visible' );
    });
});