@schukai/monster/test/cases/components/datatable/pagination.mjs

Monster is a simple library for creating fast, robust and lightweight websites.

import * as chai from 'chai';
import {chaiDom} from "../../../util/chai-dom.mjs";
import {initJSDOM} from "../../../util/jsdom.mjs";

let expect = chai.expect;
chai.use(chaiDom);

let Pagination;

describe('Pagination', function () {
    this.timeout(10000);

    before(function (done) {
        initJSDOM().then(() => {
            import("../../../../source/components/datatable/pagination.mjs").then((m) => {
                Pagination = m['Pagination'];
                done();
            }).catch(e => done(e));
        });
    });

    afterEach(() => {
        let mocks = document.getElementById('mocks');
        mocks.innerHTML = "";
    });

    it('normalizes NaN and avoids NaN hrefs', function (done) {
        let mocks = document.getElementById('mocks');
        const control = document.createElement('monster-pagination');
        mocks.appendChild(control);

        setTimeout(() => {
            try {
                control.setPaginationState({currentPage: Number.NaN, totalPages: Number.NaN});

                const pagination = control.getOption('pagination');

                expect(pagination.current).to.equal(1);
                expect(pagination.prevHref).to.equal('#');
                expect(pagination.nextHref).to.equal('#');

                const hrefs = [pagination.prevHref, pagination.nextHref, ...pagination.items.map(i => i.href)];
                hrefs.forEach((href) => {
                    expect(href).to.not.contain('NaN');
                    expect(href.startsWith('##')).to.equal(false);
                });
            } catch (e) {
                return done(e);
            }

            done();
        }, 0);
    });

    it('clamps current page and does not double-prefix hash', function (done) {
        let mocks = document.getElementById('mocks');
        const control = document.createElement('monster-pagination');
        mocks.appendChild(control);

        setTimeout(() => {
            try {
                control.setPaginationState({currentPage: 10, totalPages: 3});

                const pagination = control.getOption('pagination');
                expect(pagination.current).to.equal(3);
                expect(pagination.nextHref).to.equal('#');
                expect(pagination.prevHref).to.equal('#page-2');

                setTimeout(() => {
                    try {
                        const prevLink = control.shadowRoot.querySelector(
                            'a[data-monster-role=pagination-prev]'
                        );
                        const nextLink = control.shadowRoot.querySelector(
                            'a[data-monster-role=pagination-next]'
                        );

                        expect(prevLink.getAttribute('href')).to.equal('#page-2');
                        expect(nextLink.getAttribute('href')).to.equal('#');
                    } catch (e) {
                        return done(e);
                    }

                    done();
                }, 0);
            } catch (e) {
                return done(e);
            }
        }, 0);
    });

    describe('document.createElement', function () {
        it('should instance of Pagination', function () {
            expect(document.createElement('monster-pagination')).is.instanceof(Pagination);
        });
    });

});