@digabi/exam-engine-core 22.0.1-alpha.6 → 22.0.1-alpha.7

package/dist/__tests__/EditableGradingInstruction.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=EditableGradingInstruction.test.d.ts.map

package/dist/__tests__/EditableGradingInstruction.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableGradingInstruction.test.d.ts","sourceRoot":"","sources":["../../__tests__/EditableGradingInstruction.test.tsx"],"names":[],"mappings":""}

package/dist/__tests__/EditableGradingInstruction.test.js

@@ -0,0 +1,178 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const EditableGradingInstruction_1 = __importDefault(require("../src/components/grading-instructions/EditableGradingInstruction"));
+const GradingInstructionProvider_1 = require("../src/components/grading-instructions/GradingInstructionProvider");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const act = react_2.act;
+describe('EditableGradingInstruction', () => {
+    let cleanup;
+    let onContentChangeMock;
+    beforeEach(() => {
+        onContentChangeMock = jest.fn();
+    });
+    afterEach(() => {
+        if (cleanup) {
+            cleanup();
+        }
+        cleanup = null;
+    });
+    describe('table', () => {
+        it('Table is rendered as expected', () => {
+            const inputData = '<table class="e-table"><tr><td>foo</td></tr></table>';
+            const expectedOutput = '<table class="e-table"><tbody><tr><td><p>foo</p></td></tr></tbody></table>';
+            const result = renderGradinginstruction(inputData);
+            const table = result.container.querySelector('.ProseMirror');
+            expect(table.innerHTML).toBe(expectedOutput);
+        });
+        it('Change in table is returned as expected', async () => {
+            cleanup = mockCreateRange();
+            const inputData = '<table class="e-table"><tr><td>foo</td></tr></table>';
+            const expectedOutput = '<table class="e-table"><tbody><tr><td><p>bar</p></td></tr></tbody></table>';
+            const result = renderGradinginstruction(inputData, onContentChangeMock);
+            await act(async () => {
+                insertText(await result.findByText('foo'), 'bar');
+            });
+            expect(onContentChangeMock).toHaveBeenCalledTimes(1);
+            expect(onContentChangeMock).toHaveBeenCalledWith(expectedOutput, '');
+        });
+        it('Insert table adds expected table', async () => {
+            const inputData = '';
+            const expectedOutput = '<table class="e-table e-width-half"><tbody><tr><td><p></p></td><td><p></p></td></tr><tr><td><p></p></td><td><p></p></td></tr></tbody></table>';
+            const result = renderGradinginstruction(inputData, onContentChangeMock);
+            await act(async () => {
+                await user_event_1.default.click(await result.findByText('Lisää taulukko'));
+            });
+            expect(onContentChangeMock).toHaveBeenCalledWith(expectedOutput, '');
+        });
+        it('Remove table removes table', async () => {
+            const inputData = '<table><tr><td>foo</td></tr></table>';
+            const expectedOutput = '<p></p>';
+            const result = renderGradinginstruction(inputData, onContentChangeMock);
+            await clickTableMenuButtonWithFocusOnCell(result, 'foo', 'Poista taulukko');
+            expect(onContentChangeMock).toHaveBeenCalledWith(expectedOutput, '');
+        });
+        it('Insert column adds column', async () => {
+            const inputData = '<table><tr><td>foo</td></tr></table>';
+            const expectedOutput = '<table><tbody><tr><td><p>foo</p></td><td><p></p></td></tr></tbody></table>';
+            const result = renderGradinginstruction(inputData, onContentChangeMock);
+            await clickTableMenuButtonWithFocusOnCell(result, 'foo', 'Lisää sarake');
+            expect(onContentChangeMock).toHaveBeenCalledWith(expectedOutput, '');
+        });
+        it('Remove column removes column', async () => {
+            const inputData = '<table><tr><td>foo</td><td>bar</td></tr></table>';
+            const expectedOutput = '<table><tbody><tr><td><p>bar</p></td></tr></tbody></table>';
+            const result = renderGradinginstruction(inputData, onContentChangeMock);
+            await clickTableMenuButtonWithFocusOnCell(result, 'foo', 'Poista sarake');
+            expect(onContentChangeMock).toHaveBeenCalledWith(expectedOutput, '');
+        });
+        it('Insert row adds row', async () => {
+            const inputData = '<table><tr><td>foo</td></tr></table>';
+            const expectedOutput = '<table><tbody><tr><td><p>foo</p></td></tr><tr><td><p></p></td></tr></tbody></table>';
+            const result = renderGradinginstruction(inputData, onContentChangeMock);
+            await clickTableMenuButtonWithFocusOnCell(result, 'foo', 'Lisää rivi');
+            expect(onContentChangeMock).toHaveBeenCalledWith(expectedOutput, '');
+        });
+        it('Remove row removes row', async () => {
+            const inputData = '<table><tr><td>foo</td></tr><tr><td>bar</td></tr></table>';
+            const expectedOutput = '<table><tbody><tr><td><p>bar</p></td></tr></tbody></table>';
+            const result = renderGradinginstruction(inputData, onContentChangeMock);
+            await clickTableMenuButtonWithFocusOnCell(result, 'foo', 'Poista rivi');
+            expect(onContentChangeMock).toHaveBeenCalledWith(expectedOutput, '');
+        });
+        it('Full width changes full width class to table', async () => {
+            const inputData = '<table class="e-width-half"><tr><td>foo</td></tr></table>';
+            const expectedOutput = '<table class="e-width-full"><tbody><tr><td><p>foo</p></td></tr></tbody></table>';
+            const result = renderGradinginstruction(inputData, onContentChangeMock);
+            await clickTableMenuButtonWithFocusOnCell(result, 'foo', 'Täysi leveys');
+            expect(onContentChangeMock).toHaveBeenCalledWith(expectedOutput, '');
+        });
+        it('Half width changes half width class to table', async () => {
+            const inputData = '<table class="e-width-full"><tr><td>foo</td></tr></table>';
+            const expectedOutput = '<table class="e-width-half"><tbody><tr><td><p>foo</p></td></tr></tbody></table>';
+            const result = renderGradinginstruction(inputData, onContentChangeMock);
+            await clickTableMenuButtonWithFocusOnCell(result, 'foo', 'Puolikas leveys');
+            expect(onContentChangeMock).toHaveBeenCalledWith(expectedOutput, '');
+        });
+        it('Remove borders adds e-table--borderless class to table', async () => {
+            const inputData = '<table><tr><td>foo</td></tr></table>';
+            const expectedOutput = '<table class="e-table--borderless"><tbody><tr><td><p>foo</p></td></tr></tbody></table>';
+            const result = renderGradinginstruction(inputData, onContentChangeMock);
+            await clickTableMenuButtonWithFocusOnCell(result, 'foo', 'Poista reunat');
+            expect(onContentChangeMock).toHaveBeenCalledWith(expectedOutput, '');
+        });
+        it('Add borders removes e-table--borderless class from table', async () => {
+            const inputData = '<table class="e-table--borderless"><tr><td>foo</td></tr></table>';
+            const expectedOutput = '<table><tbody><tr><td><p>foo</p></td></tr></tbody></table>';
+            const result = renderGradinginstruction(inputData, onContentChangeMock);
+            await clickTableMenuButtonWithFocusOnCell(result, 'foo', 'Lisää reunat');
+            expect(onContentChangeMock).toHaveBeenCalledWith(expectedOutput, '');
+        });
+        it('Remove zebra removes class from table', async () => {
+            const inputData = '<table class="e-table--zebra"><tr><td>foo</td></tr></table>';
+            const expectedOutput = '<table><tbody><tr><td><p>foo</p></td></tr></tbody></table>';
+            const result = renderGradinginstruction(inputData, onContentChangeMock);
+            await clickTableMenuButtonWithFocusOnCell(result, 'foo', 'Poista kuviointi');
+            expect(onContentChangeMock).toHaveBeenCalledWith(expectedOutput, '');
+        });
+        it('Add zebra adds e-table--zebra class to table', async () => {
+            const inputData = '<table><tr><td>foo</td></tr></table>';
+            const expectedOutput = '<table class="e-table--zebra"><tbody><tr><td><p>foo</p></td></tr></tbody></table>';
+            const result = renderGradinginstruction(inputData, onContentChangeMock);
+            await clickTableMenuButtonWithFocusOnCell(result, 'foo', 'Lisää kuviointi');
+            expect(onContentChangeMock).toHaveBeenCalledWith(expectedOutput, '');
+        });
+    });
+});
+async function clickTableMenuButtonWithFocusOnCell(result, cellText, buttonText) {
+    await act(async () => {
+        await focusOnTablesCell(result, cellText);
+        await user_event_1.default.click(await result.findByText(buttonText));
+    });
+}
+async function focusOnTablesCell(result, text) {
+    // Replace cell's text with same text
+    // Hack to get focus on cell without need to mock createRange
+    insertText(await result.findByText(text), text);
+}
+function insertText(element, text) {
+    react_2.fireEvent.input(element, {
+        target: { innerText: text, innerHTML: text }
+    });
+}
+function renderGradinginstruction(inputData, onContentChangeMock = () => { }) {
+    const doc = new DOMParser().parseFromString(inputData, 'text/html');
+    return (0, react_2.render)(react_1.default.createElement(GradingInstructionProvider_1.GradingInstructionProvider, { editable: true, onContentChange: onContentChangeMock, saveScreenshot: () => Promise.resolve('') },
+        react_1.default.createElement(EditableGradingInstruction_1.default, { element: doc.documentElement })));
+}
+function mockCreateRange() {
+    const originalCreateRange = global.window.document.createRange;
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-expect-error
+    global.Range = function Range() { };
+    const createContextualFragment = (html) => {
+        const div = document.createElement('div');
+        div.innerHTML = html;
+        return div.children[0];
+    };
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-expect-error
+    Range.prototype.createContextualFragment = (html) => createContextualFragment(html);
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-expect-error
+    global.window.document.createRange = function createRange() {
+        return {
+            setEnd: () => { },
+            setStart: () => { },
+            getBoundingClientRect: () => ({ right: 0 }),
+            getClientRects: () => [],
+            createContextualFragment
+        };
+    };
+    return () => (global.window.document.createRange = originalCreateRange);
+}
+//# sourceMappingURL=EditableGradingInstruction.test.js.map

package/dist/__tests__/EditableGradingInstruction.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableGradingInstruction.test.js","sourceRoot":"","sources":["../../__tests__/EditableGradingInstruction.test.tsx"],"names":[],"mappings":"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"}

package/dist/__tests__/FormatButton.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=FormatButton.test.d.ts.map

package/dist/__tests__/FormatButton.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormatButton.test.d.ts","sourceRoot":"","sources":["../../__tests__/FormatButton.test.tsx"],"names":[],"mappings":"AACA,OAAO,2BAA2B,CAAA"}

package/dist/__tests__/FormatButton.test.js

@@ -0,0 +1,94 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+require("@testing-library/jest-dom");
+const react_2 = require("@testing-library/react");
+const ProseMirrorWrapper_1 = __importDefault(require("./utils/ProseMirrorWrapper"));
+const prosemirror_1 = require("./utils/prosemirror");
+const FormatButton_1 = __importDefault(require("../src/components/grading-instructions/editor/FormatButton"));
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const act = react_2.act;
+describe('FormatButton', () => {
+    beforeAll(() => {
+        (0, prosemirror_1.mockCreateRange)();
+    });
+    afterEach(() => {
+        (0, react_2.cleanup)();
+    });
+    describe('Italics', () => {
+        it('Renders italics button', () => {
+            const props = { markName: 'em', displayName: 'Italic' };
+            const { button } = renderEditorWithFormatButton(props);
+            expect(button).toHaveTextContent(props.displayName);
+        });
+        it('Toggles button active state when clicked', async () => {
+            const props = { markName: 'em', displayName: 'Italic' };
+            const { button } = renderEditorWithFormatButton(props);
+            expect(button).toHaveStyle('font-weight: normal');
+            await user_event_1.default.click(button);
+            expect(button).toHaveStyle('font-weight: bold');
+            await user_event_1.default.click(button);
+            expect(button).toHaveStyle('font-weight: normal');
+        });
+        it('formats text', async () => {
+            const props = { markName: 'em', displayName: 'Italic' };
+            const { button, paragraph } = renderEditorWithFormatButton(props);
+            await user_event_1.default.click(button);
+            await act(async () => await (0, prosemirror_1.promisifiedFireEventInput)(paragraph, { target: { innerHTML: 'hello' } }));
+            expect((0, react_2.within)(paragraph).getByRole('emphasis')).toHaveTextContent('hello');
+        });
+        it('em tags are rendered as italic', () => {
+            const props = { markName: 'em', displayName: 'Italic', innerHtml: '<em>Italic text</em>' };
+            const { paragraph } = renderEditorWithFormatButton(props);
+            expect((0, react_2.within)(paragraph).getByRole('emphasis')).toHaveTextContent('Italic text');
+        });
+        it('i tags are rendered as italic', () => {
+            const props = { markName: 'em', displayName: 'Italic', innerHtml: '<i>Italic text</i>' };
+            const { paragraph } = renderEditorWithFormatButton(props);
+            expect((0, react_2.within)(paragraph).getByRole('emphasis')).toHaveTextContent('Italic text');
+        });
+    });
+    describe('Bold', () => {
+        it('Renders bold button', () => {
+            const props = { markName: 'strong', displayName: 'Bold' };
+            const { button } = renderEditorWithFormatButton(props);
+            expect(button).toHaveTextContent(props.displayName);
+        });
+        it('Toggles button active state when clicked', async () => {
+            const props = { markName: 'strong', displayName: 'Bold' };
+            const { button } = renderEditorWithFormatButton(props);
+            expect(button).toHaveStyle('font-weight: normal');
+            await user_event_1.default.click(button);
+            expect(button).toHaveStyle('font-weight: bold');
+            await user_event_1.default.click(button);
+            expect(button).toHaveStyle('font-weight: normal');
+        });
+        it('formats text', async () => {
+            const props = { markName: 'strong', displayName: 'Bold' };
+            const { button, paragraph } = renderEditorWithFormatButton(props);
+            await user_event_1.default.click(button);
+            await act(async () => await (0, prosemirror_1.promisifiedFireEventInput)(paragraph, { target: { innerHTML: 'hello' } }));
+            expect((0, react_2.within)(paragraph).getByRole('strong')).toHaveTextContent('hello');
+        });
+        it('b tags are rendered as bold', () => {
+            const props = { markName: 'strong', displayName: 'bold', innerHtml: '<b>Bold text</b>' };
+            const { paragraph } = renderEditorWithFormatButton(props);
+            expect((0, react_2.within)(paragraph).getByRole('strong')).toHaveTextContent('Bold text');
+        });
+        it('strong tags are rendered as bold', () => {
+            const props = { markName: 'strong', displayName: 'bold', innerHtml: '<strong>Bold text</strong>' };
+            const { paragraph } = renderEditorWithFormatButton(props);
+            expect((0, react_2.within)(paragraph).getByRole('strong')).toHaveTextContent('Bold text');
+        });
+    });
+    function renderEditorWithFormatButton(props) {
+        const { markName, displayName, innerHtml = '' } = props;
+        const { getByRole } = (0, react_2.render)(react_1.default.createElement(ProseMirrorWrapper_1.default, { innerHtml: innerHtml },
+            react_1.default.createElement(FormatButton_1.default, { markName: markName, displayName: displayName })));
+        return { button: getByRole('button'), paragraph: getByRole('paragraph') };
+    }
+});
+//# sourceMappingURL=FormatButton.test.js.map

package/dist/__tests__/FormatButton.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormatButton.test.js","sourceRoot":"","sources":["../../__tests__/FormatButton.test.tsx"],"names":[],"mappings":"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"}