voyager-ionic-core 8.2.0 → 8.2.6

package/dist/collection/utils/keyboard/test/keyboard.spec.js

@@ -1,214 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { copyVisualViewport, setKeyboardClose, setKeyboardOpen, keyboardDidClose, keyboardDidOpen, keyboardDidResize, resetKeyboardAssist, startKeyboardAssist, trackViewportChanges, KEYBOARD_DID_OPEN, KEYBOARD_DID_CLOSE, } from "../keyboard";
-const mockVisualViewport = (win, visualViewport = { width: 320, height: 568 }, layoutViewport = { innerWidth: 320, innerHeight: 568 }) => {
-    win.visualViewport = {
-        width: 320,
-        height: 568,
-        offsetTop: 0,
-        offsetLeft: 0,
-        pageTop: 0,
-        pageLeft: 0,
-        scale: 1,
-        onresize: undefined,
-        onscroll: undefined,
-    };
-    win.visualViewport = Object.assign(win.visualViewport, visualViewport);
-    win = Object.assign(win, layoutViewport);
-    const mockDispatchEvent = jest.fn();
-    win.dispatchEvent = mockDispatchEvent;
-    trackViewportChanges(win);
-    return {
-        win,
-        mockDispatchEvent,
-    };
-};
-const mockCapacitor = (win) => {
-    win.Capacitor = {
-        isPluginAvailable: () => false,
-    };
-};
-const resizeVisualViewport = (win, visualViewport = {}) => {
-    win.visualViewport = Object.assign(win.visualViewport, visualViewport);
-    if (win.visualViewport.onresize) {
-        win.visualViewport.onresize({});
-    }
-    else {
-        trackViewportChanges(win);
-    }
-};
-const resizeLayoutViewport = (win, layoutViewport = {}) => {
-    win = Object.assign(win, { innerWidth: layoutViewport.width, innerHeight: layoutViewport.height });
-};
-describe('Keyboard Assist Tests', () => {
-    describe('copyVisualViewport()', () => {
-        it('should properly copy the visual viewport', () => {
-            const visualViewport = {
-                width: 100,
-                height: 200,
-                offsetTop: 5,
-                offsetLeft: 10,
-                pageTop: 0,
-                pageLeft: 0,
-                scale: 2,
-            };
-            const copiedViewport = copyVisualViewport(visualViewport);
-            visualViewport.width = 400;
-            visualViewport.height = 800;
-            visualViewport.scale = 3;
-            visualViewport.offsetTop = 0;
-            expect(copiedViewport.width).toEqual(100);
-            expect(copiedViewport.height).toEqual(200);
-            expect(copiedViewport.scale).toEqual(2);
-            expect(copiedViewport.offsetTop).toEqual(5);
-        });
-    });
-    describe('setKeyboardOpen()', () => {
-        it('should dispatch the keyboard open event on the window', () => {
-            const mockDispatchEvent = jest.fn();
-            window.dispatchEvent = mockDispatchEvent;
-            setKeyboardOpen(window);
-            expect(mockDispatchEvent.mock.calls.length).toEqual(1);
-            expect(mockDispatchEvent.mock.calls[0][0].type).toEqual(KEYBOARD_DID_OPEN);
-        });
-    });
-    describe('setKeyboardClose()', () => {
-        it('should dispatch the keyboard close event on the window', () => {
-            const mockDispatchEvent = jest.fn();
-            window.dispatchEvent = mockDispatchEvent;
-            setKeyboardClose(window);
-            expect(mockDispatchEvent.mock.calls.length).toEqual(1);
-            expect(mockDispatchEvent.mock.calls[0][0].type).toEqual(KEYBOARD_DID_CLOSE);
-        });
-    });
-    describe('keyboardDidOpen()', () => {
-        beforeEach(() => {
-            resetKeyboardAssist();
-            mockVisualViewport(window);
-        });
-        it('should return true when visual viewport height < layout viewport height and meets or exceeds the keyboard threshold', () => {
-            resizeVisualViewport(window, { height: 200 });
-            expect(keyboardDidOpen()).toEqual(true);
-        });
-        it('should return true if the layout and visual viewports resize', () => {
-            resizeLayoutViewport(window, { width: 320, height: 300 });
-            resizeVisualViewport(window, { width: 320, height: 300 });
-            expect(keyboardDidOpen()).toEqual(true);
-        });
-        it('should return false when visual viewport height < layout viewport heigh but does not meet the keyboard threshold', () => {
-            resizeVisualViewport(window, { height: 500 });
-            expect(keyboardDidOpen()).toEqual(false);
-        });
-        it('should return false on orientation change', () => {
-            resizeVisualViewport(window, { width: 320, height: 250 });
-            resizeVisualViewport(window, { width: 250, height: 320 });
-            expect(keyboardDidOpen()).toEqual(false);
-        });
-        it('should return false when both the visual and layout viewports change', () => {
-            resizeVisualViewport(window, { width: 250, height: 320 });
-            expect(keyboardDidOpen()).toEqual(false);
-        });
-        it('should return true when the keyboard shows even if the user is zoomed in', () => {
-            // User zooms in
-            resizeVisualViewport(window, { width: 160, height: 284, scale: 2 });
-            // User taps input and keyboard appears
-            resizeVisualViewport(window, { width: 160, height: 184, scale: 2 });
-            expect(keyboardDidOpen()).toEqual(true);
-        });
-    });
-    describe('keyboardDidClose()', () => {
-        beforeEach(() => {
-            resetKeyboardAssist();
-            mockVisualViewport(window);
-        });
-        it('should return false when keyboard is not open', () => {
-            expect(keyboardDidClose(window)).toEqual(false);
-        });
-        it('should return false when keyboard is open but visual viewport !== layout viewport', () => {
-            resizeVisualViewport(window, { width: 320, height: 250 });
-            setKeyboardOpen(window);
-            expect(keyboardDidClose(window)).toEqual(false);
-        });
-        it('should return true when keyboard is open and viewport === layout viewport', () => {
-            resizeVisualViewport(window, { width: 320, height: 250 });
-            setKeyboardOpen(window);
-            resizeVisualViewport(window, { width: 320, height: 568 });
-            expect(keyboardDidClose(window)).toEqual(true);
-        });
-        it('should return false on orientation change', () => {
-            resizeVisualViewport(window, { width: 320, height: 250 });
-            setKeyboardOpen(window);
-            resizeVisualViewport(window, { width: 250, height: 320 });
-            expect(keyboardDidClose(window)).toEqual(false);
-        });
-    });
-    describe('keyboardDidResize()', () => {
-        it('should return true when the keyboard is open but did not close', () => {
-            mockVisualViewport(window, { width: 250, height: 320 });
-            setKeyboardOpen(window);
-            mockVisualViewport(window, { width: 250, height: 300 });
-            expect(keyboardDidResize(window)).toEqual(true);
-        });
-        it('should return false when the keyboard is not open', () => {
-            mockVisualViewport(window);
-            expect(keyboardDidResize(window)).toEqual(false);
-        });
-        it('should return false when the keyboard has closed', () => {
-            mockVisualViewport(window, { width: 320, height: 250 });
-            setKeyboardOpen(window);
-            setKeyboardClose(window);
-            expect(keyboardDidResize(window)).toEqual(false);
-        });
-    });
-});
-describe('Keyboard Assist Integration', () => {
-    let mockDispatchEvent;
-    beforeEach(() => {
-        resetKeyboardAssist();
-        mockDispatchEvent = mockVisualViewport(window).mockDispatchEvent;
-        startKeyboardAssist(window);
-    });
-    afterEach(() => {
-        mockDispatchEvent.mockReset();
-    });
-    it('should properly set the keyboard to be open', () => {
-        resizeVisualViewport(window, { width: 320, height: 350 });
-        expect(mockDispatchEvent.mock.calls.length).toEqual(1);
-        expect(mockDispatchEvent.mock.calls[0][0].type).toEqual(KEYBOARD_DID_OPEN);
-    });
-    it('should properly set the keyboard to be closed', () => {
-        resizeVisualViewport(window, { width: 320, height: 350 });
-        resizeVisualViewport(window, { width: 320, height: 568 });
-        expect(mockDispatchEvent.mock.calls.length).toEqual(2);
-        expect(mockDispatchEvent.mock.calls[1][0].type).toEqual(KEYBOARD_DID_CLOSE);
-    });
-    it('should properly set the keyboard to be resized', () => {
-        resizeVisualViewport(window, { width: 320, height: 350 });
-        resizeVisualViewport(window, { width: 320, height: 360 });
-        expect(mockDispatchEvent.mock.calls.length).toEqual(2);
-        expect(mockDispatchEvent.mock.calls[0][0].type).toEqual(KEYBOARD_DID_OPEN);
-        expect(mockDispatchEvent.mock.calls[1][0].type).toEqual(KEYBOARD_DID_OPEN);
-    });
-    it('should not set keyboard open on orientation change', () => {
-        resizeVisualViewport(window, { width: 568, height: 320 });
-        expect(mockDispatchEvent.mock.calls.length).toEqual(0);
-    });
-});
-describe('Keyboard Assist with Capacitor', () => {
-    let mockDispatchEvent;
-    beforeEach(() => {
-        resetKeyboardAssist();
-        mockCapacitor(window);
-        mockDispatchEvent = mockVisualViewport(window).mockDispatchEvent;
-        startKeyboardAssist(window);
-    });
-    afterEach(() => {
-        mockDispatchEvent.mockReset();
-    });
-    it('should attach visual viewport listeners when Capacitor is available but the Keyboard plugin is not', () => {
-        resizeVisualViewport(window, { width: 320, height: 350 });
-        expect(mockDispatchEvent.mock.calls.length).toEqual(1);
-        expect(mockDispatchEvent.mock.calls[0][0].type).toEqual(KEYBOARD_DID_OPEN);
-    });
-});

package/dist/collection/utils/rtl/dir.spec.js

@@ -1,25 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { isRTL } from "./dir";
-describe('rtl: dir', () => {
-    describe('with host element', () => {
-        it('should return true', () => {
-            expect(isRTL({ dir: 'rtl' })).toBe(true);
-        });
-        it('should return false', () => {
-            expect(isRTL({ dir: 'ltr' })).toBe(false);
-            expect(isRTL({ dir: '' })).toBe(false);
-        });
-    });
-    describe('without host element', () => {
-        it('should return true', () => {
-            global.document.dir = 'rtl';
-            expect(isRTL()).toBe(true);
-        });
-        it('should return false', () => {
-            global.document.dir = 'ltr';
-            expect(isRTL()).toBe(false);
-        });
-    });
-});

package/dist/collection/utils/sanitization/test/sanitization.spec.js

@@ -1,43 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { IonicSafeString, sanitizeDOMString } from "..";
-describe('sanitizeDOMString', () => {
-    it('disable sanitizer', () => {
-        enableSanitizer(false);
-        expect(sanitizeDOMString('<img src="x" onerror="alert(document.cookie);">')).toEqual('<img src="x" onerror="alert(document.cookie);">');
-    });
-    it('bypass sanitizer', () => {
-        expect(sanitizeDOMString(new IonicSafeString('<img src="x" onerror="alert(document.cookie);">'))).toEqual('<img src="x" onerror="alert(document.cookie);">');
-    });
-    it('filter onerror', () => {
-        expect(sanitizeDOMString('<img src="x" onerror="alert(document.cookie);">')).toEqual('<img src="x">');
-    });
-    it('filter onclick', () => {
-        expect(sanitizeDOMString('<button id="myButton" name="myButton" onclick="alert(document.cookie);">harmless button</button>')).toEqual('<button id="myButton" name="myButton">harmless button</button>');
-    });
-    it('filter <a> href JS', () => {
-        expect(sanitizeDOMString('<a href="javascript:alert(document.cookie)">harmless link</a>')).toEqual('<a>harmless link</a>');
-        expect(sanitizeDOMString('<a href="javascr&Tab;ipt:alert(document.cookie)">harmless link</a>')).toEqual('<a>harmless link</a>');
-    });
-    it('filter <a> href JS + class attribute', () => {
-        expect(sanitizeDOMString('<a class="link" href="Javascript&#58;alert(document.cookie)">harmless link</a>')).toEqual('<a class="link">harmless link</a>');
-    });
-    it('filter <iframe>', () => {
-        expect(sanitizeDOMString('<iframe src="javascript:alert(document.cookie)"></iframe>')).toEqual('');
-    });
-    it('filter href + javascript ', () => {
-        expect(sanitizeDOMString('<div><button><a href="javascript:alert(document.cookie)">click me</a></button></div>')).toEqual('<div><button><a>click me</a></button></div>');
-    });
-    it('filter <object>', () => {
-        expect(sanitizeDOMString('<object><img src="x" onerror="alert(document.cookie);"></object>')).toEqual('');
-    });
-    it('sanitizeDOMString', () => {
-        expect(sanitizeDOMString('<ion-item><ion-label>Hello!</ion-label><ion-button onclick="alert(document.cookie);">Click me</ion-button>')).toEqual('<ion-item><ion-label>Hello!</ion-label><ion-button>Click me</ion-button></ion-item>');
-    });
-});
-const enableSanitizer = (enable = true) => {
-    window.Ionic = {};
-    window.Ionic.config = {};
-    window.Ionic.config.sanitizerEnabled = enable;
-};

package/dist/collection/utils/tap-click/test/tap-click.e2e.js

@@ -1,25 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../test/playwright/index";
-// TODO FW-3010
-configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe.skip(title('tap click utility'), () => {
-        test('it should apply activated class when clicking element', async ({ page }) => {
-            await page.setContent(`
-        <ion-app>
-          <button class="ion-activatable ion-activatable-instant">Click Me</button>
-        </ion-app>
-      `, config);
-            const button = page.locator('button');
-            const box = await button.boundingBox();
-            if (box) {
-                await page.mouse.move(box.x + box.width / 2, box.y + box.height / 2);
-                await page.mouse.down();
-                await page.waitForChanges();
-            }
-            await expect(button).toHaveClass(/ion-activated/);
-        });
-    });
-});

package/dist/collection/utils/test/attributes.spec.js

@@ -1,53 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { inheritAttributes, inheritAriaAttributes } from "../helpers";
-describe('inheritAttributes()', () => {
-    it('should create an attribute inheritance object', () => {
-        const el = document.createElement('div');
-        el.setAttribute('tabindex', '20');
-        el.setAttribute('title', 'myTitle');
-        const attributeObject = inheritAttributes(el, ['tabindex', 'title']);
-        expect(attributeObject).toEqual({
-            tabindex: '20',
-            title: 'myTitle',
-        });
-    });
-    it('should not inherit attributes that are not defined on the element', () => {
-        const el = document.createElement('div');
-        el.setAttribute('tabindex', '20');
-        const attributeObject = inheritAttributes(el, ['tabindex', 'title']);
-        expect(attributeObject).toEqual({
-            tabindex: '20',
-        });
-    });
-    it('should not inherit attributes that are not defined on the input array', () => {
-        const el = document.createElement('div');
-        el.setAttribute('tabindex', '20');
-        el.setAttribute('title', 'myTitle');
-        const attributeObject = inheritAttributes(el, ['title']);
-        expect(attributeObject).toEqual({
-            title: 'myTitle',
-        });
-    });
-});
-describe('inheritAriaAttributes()', () => {
-    it('should inherit ARIA attributes defined on the HTML element', () => {
-        const el = document.createElement('div');
-        el.setAttribute('aria-label', 'myLabel');
-        el.setAttribute('aria-describedby', 'myDescription');
-        const attributeObject = inheritAriaAttributes(el);
-        expect(attributeObject).toEqual({
-            'aria-label': 'myLabel',
-            'aria-describedby': 'myDescription',
-        });
-    });
-    it('should inherit the role attribute defined on the HTML element', () => {
-        const el = document.createElement('div');
-        el.setAttribute('role', 'button');
-        const attributeObject = inheritAriaAttributes(el);
-        expect(attributeObject).toEqual({
-            role: 'button',
-        });
-    });
-});

package/dist/collection/utils/test/framework-delegate/framework-delegate.e2e.js

@@ -1,33 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../playwright/index";
-configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
-    test.describe(title('framework-delegate'), () => {
-        test.beforeEach(async ({ page }) => {
-            await page.goto('/src/utils/test/framework-delegate', config);
-        });
-        test('should present modal already at ion-app root', async ({ page }) => {
-            const ionModalDidPresent = await page.spyOnEvent('ionModalDidPresent');
-            await page.click('#button-inline-root');
-            const modal = page.locator('#inline-root');
-            await ionModalDidPresent.next();
-            await expect(modal).toBeVisible();
-        });
-        test('should present modal in content', async ({ page }) => {
-            const ionModalDidPresent = await page.spyOnEvent('ionModalDidPresent');
-            await page.click('#button-inline-content');
-            const modal = page.locator('#inline-content');
-            await ionModalDidPresent.next();
-            await expect(modal).toBeVisible();
-        });
-        test('should present modal via controller', async ({ page }) => {
-            const ionModalDidPresent = await page.spyOnEvent('ionModalDidPresent');
-            await page.click('#button-controller');
-            const modal = page.locator('#controller');
-            await ionModalDidPresent.next();
-            await expect(modal).toBeVisible();
-        });
-    });
-});

package/dist/collection/utils/test/hardware-back-button.spec.js

@@ -1,91 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { startHardwareBackButton } from "../hardware-back-button";
-import { config } from "../../global/config";
-import { win } from "../browser/index";
-describe('Hardware Back Button', () => {
-    beforeEach(() => startHardwareBackButton());
-    it('should call handler', () => {
-        const cbSpy = jest.fn();
-        document.addEventListener('ionBackButton', (ev) => {
-            ev.detail.register(0, cbSpy);
-        });
-        dispatchBackButtonEvent();
-        expect(cbSpy).toHaveBeenCalled();
-    });
-    it('should call handlers in order of priority', () => {
-        const cbSpy = jest.fn();
-        const cbSpyTwo = jest.fn();
-        document.addEventListener('ionBackButton', (ev) => {
-            ev.detail.register(100, cbSpy);
-            ev.detail.register(99, cbSpyTwo);
-        });
-        dispatchBackButtonEvent();
-        expect(cbSpy).toHaveBeenCalled();
-        expect(cbSpyTwo).not.toHaveBeenCalled();
-    });
-    it('should only call last handler to be added for handlers with same priority', () => {
-        const cbSpy = jest.fn();
-        const cbSpyTwo = jest.fn();
-        document.addEventListener('ionBackButton', (ev) => {
-            ev.detail.register(100, cbSpy);
-            ev.detail.register(100, cbSpyTwo);
-        });
-        dispatchBackButtonEvent();
-        expect(cbSpy).not.toHaveBeenCalled();
-        expect(cbSpyTwo).toHaveBeenCalled();
-    });
-    it('should call multiple callbacks', () => {
-        const cbSpy = (processNextHandler) => {
-            processNextHandler();
-        };
-        const cbSpyTwo = jest.fn();
-        document.addEventListener('ionBackButton', (ev) => {
-            ev.detail.register(100, cbSpy);
-            ev.detail.register(99, cbSpyTwo);
-        });
-        dispatchBackButtonEvent();
-        expect(cbSpyTwo).toHaveBeenCalled();
-    });
-});
-describe('Experimental Close Watcher', () => {
-    test('should not use the Close Watcher API when available', () => {
-        const mockAPI = mockCloseWatcher();
-        config.reset({ experimentalCloseWatcher: false });
-        startHardwareBackButton();
-        expect(mockAPI.mock.calls).toHaveLength(0);
-    });
-    test('should use the Close Watcher API when available', () => {
-        const mockAPI = mockCloseWatcher();
-        config.reset({ experimentalCloseWatcher: true });
-        startHardwareBackButton();
-        expect(mockAPI.mock.calls).toHaveLength(1);
-    });
-    test('Close Watcher should dispatch ionBackButton events', () => {
-        const mockAPI = mockCloseWatcher();
-        config.reset({ experimentalCloseWatcher: true });
-        startHardwareBackButton();
-        const cbSpy = jest.fn();
-        document.addEventListener('ionBackButton', cbSpy);
-        // Call onclose on Ionic's instance of CloseWatcher
-        mockAPI.getMockImplementation()().onclose();
-        expect(cbSpy).toHaveBeenCalled();
-    });
-});
-const mockCloseWatcher = () => {
-    const mockCloseWatcher = jest.fn();
-    mockCloseWatcher.mockReturnValue({
-        requestClose: () => null,
-        close: () => null,
-        destroy: () => null,
-        oncancel: () => null,
-        onclose: () => null,
-    });
-    win.CloseWatcher = mockCloseWatcher;
-    return mockCloseWatcher;
-};
-const dispatchBackButtonEvent = () => {
-    const ev = new Event('backbutton');
-    document.dispatchEvent(ev);
-};

package/dist/collection/utils/test/overlays/overlays-scroll-blocking.spec.js

@@ -1,65 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { newSpecPage } from "@stencil/core/testing";
-import { Modal } from "../../../components/modal/modal";
-describe('overlays: scroll blocking', () => {
-    it('should not block scroll when the overlay is created', async () => {
-        const page = await newSpecPage({
-            components: [Modal],
-            html: `
-        <ion-modal></ion-modal>
-      `,
-        });
-        const body = page.doc.querySelector('body');
-        expect(body).not.toHaveClass('backdrop-no-scroll');
-    });
-    it('should block scroll when the overlay is presented', async () => {
-        const page = await newSpecPage({
-            components: [Modal],
-            html: `
-        <ion-modal></ion-modal>
-      `,
-        });
-        const modal = page.body.querySelector('ion-modal');
-        const body = page.doc.querySelector('body');
-        await modal.present();
-        expect(body).toHaveClass('backdrop-no-scroll');
-        await modal.dismiss();
-        expect(body).not.toHaveClass('backdrop-no-scroll');
-    });
-    it('should not block scroll when the overlay is dismissed', async () => {
-        const page = await newSpecPage({
-            components: [Modal],
-            html: `
-        <ion-modal></ion-modal>
-      `,
-        });
-        const modal = page.body.querySelector('ion-modal');
-        const body = page.doc.querySelector('body');
-        await modal.present();
-        expect(body).toHaveClass('backdrop-no-scroll');
-        await modal.dismiss();
-        expect(body).not.toHaveClass('backdrop-no-scroll');
-    });
-    it('should not enable scroll until last overlay is dismissed', async () => {
-        const page = await newSpecPage({
-            components: [Modal],
-            html: `
-        <ion-modal id="one"></ion-modal>
-        <ion-modal id="two"></ion-modal>
-      `,
-        });
-        const modalOne = page.body.querySelector('#one');
-        const modalTwo = page.body.querySelector('#two');
-        const body = page.doc.querySelector('body');
-        await modalOne.present();
-        expect(body).toHaveClass('backdrop-no-scroll');
-        await modalTwo.present();
-        expect(body).toHaveClass('backdrop-no-scroll');
-        await modalOne.dismiss();
-        expect(body).toHaveClass('backdrop-no-scroll');
-        await modalTwo.dismiss();
-        expect(body).not.toHaveClass('backdrop-no-scroll');
-    });
-});