@stencil/router/dist/collection/utils/__tests__/match-path-test.js

Stencil Router

import { matchPath } from '../match-path';
describe('matchPath', () => {
    describe('with path="/"', () => {
        it('returns correct url at "/"', () => {
            const path = '/';
            const pathname = '/';
            const match = matchPath(pathname, { path });
            expect(match.url).toBe('/');
        });
        it('returns correct url at "/somewhere/else"', () => {
            const path = '/';
            const pathname = '/somewhere/else';
            const match = matchPath(pathname, { path });
            expect(match.url).toBe('/');
        });
    });
    describe('with path="/somewhere"', () => {
        it('returns correct url at "/somewhere"', () => {
            const path = '/somewhere';
            const pathname = '/somewhere';
            const match = matchPath(pathname, { path });
            expect(match.url).toBe('/somewhere');
        });
        it('returns correct url at "/somewhere/else"', () => {
            const path = '/somewhere';
            const pathname = '/somewhere/else';
            const match = matchPath(pathname, { path });
            expect(match.url).toBe('/somewhere');
        });
    });
    describe('with no path', () => {
        it('matches the root URL', () => {
            const match = matchPath('/test-location/7', {});
            expect(match).toMatchObject({
                url: '/',
                path: '/',
                params: {},
                isExact: false
            });
        });
    });
    describe('cache', () => {
        it('creates a cache entry for each exact/strict pair', () => {
            // true/false and false/true will collide when adding booleans
            const trueFalse = matchPath('/one/two', { path: '/one/two', exact: true, strict: false });
            const falseTrue = matchPath('/one/two', { path: '/one/two/', exact: false, strict: true });
            expect(!!trueFalse).toBe(true);
            expect(!!falseTrue).toBe(false);
        });
    });
});