@furystack/shades-nipple/esm/nipple.spec.js

A Nipple component wrapper for FuryStack Shades

import { Injector } from '@furystack/inject';
import { createComponent, initializeShadeRoot } from '@furystack/shades';
import { usingAsync } from '@furystack/utils';
import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
import { NippleComponent } from './nipple.js';
describe('Nipple', () => {
    beforeEach(() => {
        document.body.innerHTML = '<div id="root"></div>';
    });
    afterEach(() => {
        document.body.innerHTML = '';
    });
    it('Should render with the default settings', async () => {
        await usingAsync(new Injector(), async (injector) => {
            const rootElement = document.getElementById('root');
            initializeShadeRoot({
                injector,
                rootElement,
                jsxElement: createComponent(NippleComponent, { managerOptions: {} }),
            });
            expect(document.body.innerHTML).toBe('<div id="root"><shade-nipple><div></div></shade-nipple></div>');
        });
    });
    it('Should attach event properties', async () => {
        await usingAsync(new Injector(), async (injector) => {
            const rootElement = document.getElementById('root');
            const onStart = vi.fn();
            const onDir = vi.fn();
            const onMove = vi.fn();
            const onEnd = vi.fn();
            initializeShadeRoot({
                injector,
                rootElement,
                jsxElement: (createComponent(NippleComponent, { onStart: onStart, onDir: onDir, onMove: onMove, onEnd: onEnd, managerOptions: {} })),
            });
            expect(document.body.innerHTML).toBe('<div id="root"><shade-nipple><div></div></shade-nipple></div>');
            const nipple = document.querySelector('shade-nipple');
            expect(nipple.props.onDir).toBe(onDir);
            expect(nipple.props.onEnd).toBe(onEnd);
            expect(nipple.props.onMove).toBe(onMove);
            expect(nipple.props.onStart).toBe(onStart);
            // TODO: Check for pointer events
        });
    });
});
//# sourceMappingURL=nipple.spec.js.map