@digabi/exam-engine-core 23.6.3 → 23.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/__tests__/annotations.test.d.ts +2 -0
- package/dist/__tests__/annotations.test.d.ts.map +1 -0
- package/dist/__tests__/annotations.test.js +306 -0
- package/dist/__tests__/annotations.test.js.map +1 -0
- package/dist/__tests__/playwright/Annotations.test.d.ts +2 -0
- package/dist/__tests__/playwright/Annotations.test.d.ts.map +1 -0
- package/dist/__tests__/playwright/Annotations.test.js +201 -0
- package/dist/__tests__/playwright/Annotations.test.js.map +1 -0
- package/dist/__tests__/playwright/attachments/Attachments.test.d.ts +2 -0
- package/dist/__tests__/playwright/attachments/Attachments.test.d.ts.map +1 -0
- package/dist/__tests__/playwright/attachments/Attachments.test.js +30 -0
- package/dist/__tests__/playwright/attachments/Attachments.test.js.map +1 -0
- package/dist/__tests__/playwright/exam/Exam.test.d.ts +2 -0
- package/dist/__tests__/playwright/exam/Exam.test.d.ts.map +1 -0
- package/dist/__tests__/playwright/exam/Exam.test.js +30 -0
- package/dist/__tests__/playwright/exam/Exam.test.js.map +1 -0
- package/dist/__tests__/playwright/grading-instructions/GradingInstructions.test.d.ts +2 -0
- package/dist/__tests__/playwright/grading-instructions/GradingInstructions.test.d.ts.map +1 -0
- package/dist/__tests__/playwright/grading-instructions/GradingInstructions.test.js +30 -0
- package/dist/__tests__/playwright/grading-instructions/GradingInstructions.test.js.map +1 -0
- package/dist/__tests__/playwright/stories/Annotations.story.d.ts +15 -0
- package/dist/__tests__/playwright/stories/Annotations.story.d.ts.map +1 -0
- package/dist/__tests__/playwright/stories/Annotations.story.js +27 -0
- package/dist/__tests__/playwright/stories/Annotations.story.js.map +1 -0
- package/dist/__tests__/playwright/stories/attachments/Attachments.story.d.ts +13 -0
- package/dist/__tests__/playwright/stories/attachments/Attachments.story.d.ts.map +1 -0
- package/dist/__tests__/playwright/stories/attachments/Attachments.story.js +17 -0
- package/dist/__tests__/playwright/stories/attachments/Attachments.story.js.map +1 -0
- package/dist/__tests__/playwright/stories/exam/Exam.story.d.ts +12 -0
- package/dist/__tests__/playwright/stories/exam/Exam.story.d.ts.map +1 -0
- package/dist/__tests__/playwright/stories/exam/Exam.story.js +56 -0
- package/dist/__tests__/playwright/stories/exam/Exam.story.js.map +1 -0
- package/dist/__tests__/playwright/stories/grading-intructions/GradingInstructions.story.d.ts +13 -0
- package/dist/__tests__/playwright/stories/grading-intructions/GradingInstructions.story.d.ts.map +1 -0
- package/dist/__tests__/playwright/stories/grading-intructions/GradingInstructions.story.js +16 -0
- package/dist/__tests__/playwright/stories/grading-intructions/GradingInstructions.story.js.map +1 -0
- package/dist/__tests__/tsconfig.tsbuildinfo +1 -1
- package/dist/assets/closeButton.svg +1 -0
- package/dist/assets/collapse.svg +12 -0
- package/dist/assets/expand.svg +12 -0
- package/dist/assets/helpButton.svg +9 -0
- package/dist/assets/redoButton.svg +5 -0
- package/dist/assets/undoButton.svg +5 -0
- package/dist/components/RenderIf.d.ts.map +1 -1
- package/dist/components/context/withContext.d.ts.map +1 -1
- package/dist/components/exam/DNDAllOptions.d.ts.map +1 -1
- package/dist/components/exam/DNDAnswerContainer.d.ts.map +1 -1
- package/dist/components/exam/DNDAnswerOptionDraggable.d.ts.map +1 -1
- package/dist/components/exam/RichTextAnswer.d.ts.map +1 -1
- package/dist/components/exam/StudentNameHeader.d.ts.map +1 -1
- package/dist/components/exam/UndoView.d.ts.map +1 -1
- package/dist/components/grading-instructions/GradingInstructionProvider.d.ts.map +1 -1
- package/dist/components/results/CorrectDNDAnswers.d.ts.map +1 -1
- package/dist/components/results/DNDAnswerContainer.d.ts +4 -0
- package/dist/components/results/DNDAnswerContainer.d.ts.map +1 -0
- package/dist/components/results/DNDAnswerContainer.js +22 -0
- package/dist/components/results/DNDAnswerContainer.js.map +1 -0
- package/dist/components/results/DNDAnswerOption.d.ts.map +1 -1
- package/dist/components/results/EndExamSession.d.ts.map +1 -1
- package/dist/components/shared/AnnotatableText.d.ts +5 -0
- package/dist/components/shared/AnnotatableText.d.ts.map +1 -0
- package/dist/components/shared/AnnotatableText.js +25 -0
- package/dist/components/shared/AnnotatableText.js.map +1 -0
- package/dist/components/shared/AnnotationImageMark.d.ts +16 -0
- package/dist/components/shared/AnnotationImageMark.d.ts.map +1 -0
- package/dist/components/shared/AnnotationImageMark.js +99 -0
- package/dist/components/shared/AnnotationImageMark.js.map +1 -0
- package/dist/components/shared/AnnotationMark.d.ts +9 -0
- package/dist/components/shared/AnnotationMark.d.ts.map +1 -0
- package/dist/components/shared/AnnotationMark.js +14 -0
- package/dist/components/shared/AnnotationMark.js.map +1 -0
- package/dist/components/shared/AnnotationPopup.d.ts +3 -0
- package/dist/components/shared/AnnotationPopup.d.ts.map +1 -0
- package/dist/components/shared/AnnotationPopup.js +24 -0
- package/dist/components/shared/AnnotationPopup.js.map +1 -0
- package/dist/components/shared/AnnotationTextMark.d.ts +11 -0
- package/dist/components/shared/AnnotationTextMark.d.ts.map +1 -0
- package/dist/components/shared/AnnotationTextMark.js +21 -0
- package/dist/components/shared/AnnotationTextMark.js.map +1 -0
- package/dist/components/shared/AttachmentLink.d.ts.map +1 -1
- package/dist/components/shared/AttachmentLinks.d.ts.map +1 -1
- package/dist/components/shared/DNDAnswerContainer.d.ts.map +1 -1
- package/dist/components/shared/DNDDroppable.d.ts.map +1 -1
- package/dist/components/shared/DNDTitleAndDroppable.d.ts.map +1 -1
- package/dist/components/shared/TableOfContents.d.ts.map +1 -1
- package/dist/components/shared/markText.d.ts +6 -0
- package/dist/components/shared/markText.d.ts.map +1 -0
- package/dist/components/shared/markText.js +77 -0
- package/dist/components/shared/markText.js.map +1 -0
- package/dist/createRenderChildNodes.d.ts.map +1 -1
- package/dist/dom-utils.d.ts.map +1 -1
- package/dist/eslint.config.d.ts +22 -0
- package/dist/eslint.config.d.ts.map +1 -0
- package/dist/eslint.config.js +31 -0
- package/dist/eslint.config.js.map +1 -0
- package/dist/i18n/exam_titles_fi-FI.d.ts +46 -0
- package/dist/i18n/exam_titles_fi-FI.d.ts.map +1 -0
- package/dist/i18n/exam_titles_fi-FI.js +46 -0
- package/dist/i18n/exam_titles_fi-FI.js.map +1 -0
- package/dist/i18n/exam_titles_fi-FI.json +45 -0
- package/dist/i18n/exam_titles_sv-FI.d.ts +46 -0
- package/dist/i18n/exam_titles_sv-FI.d.ts.map +1 -0
- package/dist/i18n/exam_titles_sv-FI.js +46 -0
- package/dist/i18n/exam_titles_sv-FI.js.map +1 -0
- package/dist/i18n/exam_titles_sv-FI.json +45 -0
- package/dist/i18n/exams.d.ts +11 -0
- package/dist/i18n/exams.d.ts.map +1 -0
- package/dist/i18n/exams.js +10 -0
- package/dist/i18n/exams.js.map +1 -0
- package/dist/i18n/index.d.ts.map +1 -1
- package/dist/main-bundle.js +164 -164
- package/dist/main.css +1 -1
- package/dist/renderAnnotations.js +7 -1
- package/dist/renderAnnotations.js.map +1 -1
- package/dist/store/answers/actions.d.ts.map +1 -1
- package/dist/store/audio/actions.d.ts.map +1 -1
- package/dist/store/cas/actions.d.ts.map +1 -1
- package/dist/store/selectors.d.ts.map +1 -1
- package/package.json +2 -2
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"annotations.test.d.ts","sourceRoot":"","sources":["../../__tests__/annotations.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAA"}
|
@@ -0,0 +1,306 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
+
};
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
+
const exam_engine_exams_1 = require("@digabi/exam-engine-exams");
|
7
|
+
const exam_engine_mastering_1 = require("@digabi/exam-engine-mastering");
|
8
|
+
require("@testing-library/jest-dom");
|
9
|
+
const react_1 = require("@testing-library/react");
|
10
|
+
const user_event_1 = __importDefault(require("@testing-library/user-event"));
|
11
|
+
const fs_1 = require("fs");
|
12
|
+
const path_1 = __importDefault(require("path"));
|
13
|
+
const react_2 = __importDefault(require("react"));
|
14
|
+
const parseExam_1 = __importDefault(require("../dist/parser/parseExam"));
|
15
|
+
const Attachments_1 = __importDefault(require("../src/components/attachments/Attachments"));
|
16
|
+
const Exam_1 = __importDefault(require("../src/components/exam/Exam"));
|
17
|
+
const GradingInstructions_1 = __importDefault(require("../src/components/grading-instructions/GradingInstructions"));
|
18
|
+
const examServerApi_1 = require("./examServerApi");
|
19
|
+
const lodash_1 = require("lodash");
|
20
|
+
class IntersectionObserver {
|
21
|
+
constructor() {
|
22
|
+
this.root = null;
|
23
|
+
this.rootMargin = '';
|
24
|
+
this.thresholds = [];
|
25
|
+
this.disconnect = () => null;
|
26
|
+
this.observe = () => null;
|
27
|
+
this.takeRecords = () => [];
|
28
|
+
this.unobserve = () => null;
|
29
|
+
}
|
30
|
+
}
|
31
|
+
window.IntersectionObserver = IntersectionObserver;
|
32
|
+
global.IntersectionObserver = IntersectionObserver;
|
33
|
+
window.scrollTo = jest.fn();
|
34
|
+
document.execCommand = jest.fn();
|
35
|
+
describe('Annotations', () => {
|
36
|
+
let doc;
|
37
|
+
beforeEach(async () => {
|
38
|
+
window.getSelection = jest.fn();
|
39
|
+
const examPath = (0, exam_engine_exams_1.resolveExam)('FF/FF.xml');
|
40
|
+
const resolveAttachment = (filename) => path_1.default.resolve(path_1.default.dirname(examPath), 'attachments', filename);
|
41
|
+
const source = await fs_1.promises.readFile(examPath, 'utf-8');
|
42
|
+
const results = await (0, exam_engine_mastering_1.masterExam)(source, () => '', (0, exam_engine_mastering_1.getMediaMetadataFromLocalFile)(resolveAttachment), {
|
43
|
+
removeCorrectAnswers: false
|
44
|
+
});
|
45
|
+
doc = (0, parseExam_1.default)(results[0].xml, true);
|
46
|
+
});
|
47
|
+
afterEach(() => {
|
48
|
+
;
|
49
|
+
window.getSelection.mockReset();
|
50
|
+
window.scrollTo.mockReset();
|
51
|
+
document.execCommand.mockReset();
|
52
|
+
});
|
53
|
+
// Do NOT modify the line breaks and indentations below
|
54
|
+
const defaultTextToAnnotate = `
|
55
|
+
Valitse jokin pienempi tai suurempi yhteisö – esimerkiksi jokin koulu, katsomuksellinen ryhmä tai valtio –
|
56
|
+
ja pohdi, mikä ero valitsemassasi yhteisössä on moraalin ja tapojen välillä.
|
57
|
+
`;
|
58
|
+
const defaultAnnotationAnchor = 'e:exam:0 > e:section:1 > e:question:2 > e:question-instruction:1 > span:0 > p:1 > #text:0';
|
59
|
+
it('popup is rendered', async () => {
|
60
|
+
const exam = (0, react_1.render)(react_2.default.createElement(Exam_1.default, { ...getExamProps(), annotations: [], onClickAnnotation: () => { }, onSaveAnnotation: () => { } }));
|
61
|
+
await annotateText(exam, defaultAnnotationAnchor);
|
62
|
+
expect(exam.getByTestId('e-popup')).toBeVisible();
|
63
|
+
});
|
64
|
+
it('popup is not rendered if annotation props are not passed', async () => {
|
65
|
+
const exam = (0, react_1.render)(react_2.default.createElement(Exam_1.default, { ...getExamProps() }));
|
66
|
+
const text = 'Sekä moraali että tavat pyrkivät ohjaamaan ihmisten käyttäytymistä.';
|
67
|
+
const textElement = exam.getByText(text);
|
68
|
+
mockWindowSelection(text, textElement, text.length);
|
69
|
+
await user_event_1.default.click(textElement);
|
70
|
+
expect(exam.queryByTestId('e-popup')).not.toBeInTheDocument();
|
71
|
+
});
|
72
|
+
it('callback is called when annotation is saved', async () => {
|
73
|
+
const saveAnnotationMock = jest.fn();
|
74
|
+
const exam = (0, react_1.render)(react_2.default.createElement(Exam_1.default, { ...getExamProps(), annotations: [], onClickAnnotation: () => { }, onSaveAnnotation: saveAnnotationMock }));
|
75
|
+
await annotateText(exam, defaultAnnotationAnchor);
|
76
|
+
const textbox = exam.container.querySelector('.comment-content');
|
77
|
+
react_1.fireEvent.input(textbox, {
|
78
|
+
target: { innerText: 'New comment', innerHTML: 'New comment' }
|
79
|
+
});
|
80
|
+
await user_event_1.default.click(exam.getByText('Tallenna'));
|
81
|
+
const annotationPart = {
|
82
|
+
annotationAnchor: defaultAnnotationAnchor,
|
83
|
+
selectedText: defaultTextToAnnotate,
|
84
|
+
startIndex: 0,
|
85
|
+
length: defaultTextToAnnotate.length
|
86
|
+
};
|
87
|
+
expect(saveAnnotationMock).toHaveBeenCalledTimes(1);
|
88
|
+
expect(saveAnnotationMock).toHaveBeenCalledWith({
|
89
|
+
annotationParts: [annotationPart],
|
90
|
+
displayNumber: '2',
|
91
|
+
selectedText: defaultTextToAnnotate
|
92
|
+
}, 'New comment');
|
93
|
+
});
|
94
|
+
it('popup field is empty when creating new annotation', async () => {
|
95
|
+
var _a;
|
96
|
+
const annotationAnchor_7_1 = 'e:exam:0 > e:section:2 > e:question:7 > e:question:7.1 > e:question-title:0 > span:0 > #text:0';
|
97
|
+
const exam = (0, react_1.render)(react_2.default.createElement(Exam_1.default, { ...getExamProps(), annotations: [], onClickAnnotation: () => { }, onSaveAnnotation: () => { } }));
|
98
|
+
await annotateText(exam, defaultAnnotationAnchor);
|
99
|
+
const textbox = exam.container.querySelector('.comment-content');
|
100
|
+
react_1.fireEvent.input(textbox, {
|
101
|
+
target: { innerText: 'New Value', innerHTML: 'New Value' }
|
102
|
+
});
|
103
|
+
await user_event_1.default.click(exam.getByText('Tallenna'));
|
104
|
+
// text picked by getMarkedText includes leading/trailing whitespace, so they must be here too
|
105
|
+
await annotateText(exam, annotationAnchor_7_1);
|
106
|
+
expect((_a = exam.container.querySelector('.comment-content')) === null || _a === void 0 ? void 0 : _a.textContent).toHaveLength(0);
|
107
|
+
});
|
108
|
+
it('callback is called when annotation is clicked', async () => {
|
109
|
+
const clickAnnotationMock = jest.fn();
|
110
|
+
const exam = (0, react_1.render)(react_2.default.createElement(Exam_1.default, { ...getExamProps(), annotations: createAnnotations([{ id: 1, startIndex: 5, selectedText: 'moraali että' }]), onClickAnnotation: clickAnnotationMock, onSaveAnnotation: () => { } }));
|
111
|
+
await user_event_1.default.click(exam.container.querySelector('[data-annotation-id="1"]'));
|
112
|
+
const clickedAnnotation = {
|
113
|
+
annotationAnchor: defaultAnnotationAnchor,
|
114
|
+
annotationId: 1,
|
115
|
+
hidden: false,
|
116
|
+
length: 12,
|
117
|
+
selectedText: 'moraali että',
|
118
|
+
startIndex: 5,
|
119
|
+
markNumber: 1
|
120
|
+
};
|
121
|
+
expect(clickAnnotationMock).toHaveBeenCalledTimes(1);
|
122
|
+
expect(clickAnnotationMock).toHaveBeenCalledWith(expect.anything(), clickedAnnotation);
|
123
|
+
});
|
124
|
+
it('annotations are added to dom when provided', () => {
|
125
|
+
var _a, _b;
|
126
|
+
const annotationProps = {
|
127
|
+
annotations: createAnnotations([
|
128
|
+
{ id: 1, startIndex: 27, selectedText: 'pienempi' },
|
129
|
+
{ id: 3, startIndex: 166, selectedText: 'yhteisössä' }
|
130
|
+
]),
|
131
|
+
onClickAnnotation: () => { },
|
132
|
+
onSaveAnnotation: () => { }
|
133
|
+
};
|
134
|
+
const exam = (0, react_1.render)(react_2.default.createElement(Exam_1.default, { ...getExamProps(), ...annotationProps }));
|
135
|
+
expect(exam.container.querySelector('[data-annotation-id="1"]')).toBeInTheDocument();
|
136
|
+
expect((_a = exam.container.querySelector('[data-annotation-id="1"]')) === null || _a === void 0 ? void 0 : _a.textContent).toBe('pienempi');
|
137
|
+
expect(exam.container.querySelector('[data-annotation-id="1"] sup')).toHaveAttribute('data-content', '1');
|
138
|
+
expect(exam.container.querySelector('[data-annotation-id="3"]')).toBeInTheDocument();
|
139
|
+
expect((_b = exam.container.querySelector('[data-annotation-id="3"]')) === null || _b === void 0 ? void 0 : _b.textContent).toBe('yhteisössä');
|
140
|
+
expect(exam.container.querySelector('[data-annotation-id="3"] sup')).toHaveAttribute('data-content', '2');
|
141
|
+
});
|
142
|
+
it('"August 2024" annotations are added to dom when provided', () => {
|
143
|
+
var _a;
|
144
|
+
/** the difference of startIndex between an "August 2024 annotation" and a normal annotation
|
145
|
+
* (in this case, but the index varies depending on the exam content)
|
146
|
+
*/
|
147
|
+
const startIndexDifference = 24;
|
148
|
+
const annotationProps = {
|
149
|
+
annotations: createAnnotations([{ id: 1, startIndex: 166 - startIndexDifference, selectedText: 'yhteisössä' }]),
|
150
|
+
onClickAnnotation: () => { },
|
151
|
+
onSaveAnnotation: () => { }
|
152
|
+
};
|
153
|
+
const exam = (0, react_1.render)(react_2.default.createElement(Exam_1.default, { ...getExamProps(), ...annotationProps }));
|
154
|
+
expect(exam.container.querySelector('[data-annotation-id="1"]')).toBeInTheDocument();
|
155
|
+
expect((_a = exam.container.querySelector('[data-annotation-id="1"]')) === null || _a === void 0 ? void 0 : _a.textContent).toBe('yhteisössä');
|
156
|
+
expect(exam.container.querySelector('[data-annotation-id="1"] sup')).toHaveAttribute('data-content', '1');
|
157
|
+
});
|
158
|
+
it('if two annotations have same id, only latter renders <sup>', () => {
|
159
|
+
const annotationProps = {
|
160
|
+
annotations: createAnnotations([
|
161
|
+
{ id: 1, startIndex: 71, selectedText: 'jokin' },
|
162
|
+
{ id: 1, startIndex: 77, selectedText: 'koulu' },
|
163
|
+
{ id: 2, startIndex: 142, selectedText: 'mikä' },
|
164
|
+
{ id: 2, startIndex: 147, selectedText: 'ero' }
|
165
|
+
]),
|
166
|
+
onClickAnnotation: () => { },
|
167
|
+
onSaveAnnotation: () => { }
|
168
|
+
};
|
169
|
+
const exam = (0, react_1.render)(react_2.default.createElement(Exam_1.default, { ...getExamProps(), ...annotationProps }));
|
170
|
+
const marks = (id) => exam.container.querySelectorAll(`.e-annotation[data-annotation-id="${id}"]`);
|
171
|
+
const marksId1 = marks('1');
|
172
|
+
const marksId2 = marks('2');
|
173
|
+
expect(marksId1[0].textContent).toBe('jokin');
|
174
|
+
expect(marksId1[0].querySelector('sup')).not.toBeInTheDocument();
|
175
|
+
expect(marksId1[1].textContent).toBe('koulu');
|
176
|
+
expect(marksId1[1]).toBeInTheDocument();
|
177
|
+
expect(marksId1[1].querySelector('sup')).toHaveAttribute('data-content', '1');
|
178
|
+
expect(marksId2[0].textContent).toBe('mikä');
|
179
|
+
expect(marksId2[0].querySelector('sup')).not.toBeInTheDocument();
|
180
|
+
expect(marksId2[1].textContent).toBe('ero');
|
181
|
+
expect(marksId2[1]).toBeInTheDocument();
|
182
|
+
expect(marksId2[1].querySelector('sup')).toHaveAttribute('data-content', '2');
|
183
|
+
});
|
184
|
+
it('hidden annotation works correctly', () => {
|
185
|
+
var _a, _b;
|
186
|
+
const annotations = createAnnotations([{ id: 1, startIndex: 59, selectedText: 'esimerkiksi', hidden: true }]);
|
187
|
+
const annotationProps = {
|
188
|
+
annotations,
|
189
|
+
onClickAnnotation: () => { },
|
190
|
+
onSaveAnnotation: () => { }
|
191
|
+
};
|
192
|
+
const exam = (0, react_1.render)(react_2.default.createElement(Exam_1.default, { ...getExamProps(), ...annotationProps }));
|
193
|
+
expect(exam.container.querySelector('[data-annotation-id="1"]')).toBeInTheDocument();
|
194
|
+
expect(exam.container.querySelector('[data-annotation-id="1"] sup')).not.toBeInTheDocument();
|
195
|
+
expect((_b = (_a = exam.container.querySelector('[data-annotation-id="1"]')) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.textContent).toBe(defaultTextToAnnotate);
|
196
|
+
});
|
197
|
+
it('annotations can not overlap — overlapping annotations are not rendered', () => {
|
198
|
+
var _a, _b, _c, _d;
|
199
|
+
const annotations = createAnnotations([
|
200
|
+
{ id: 1, startIndex: 59, selectedText: 'esimerkiksi' },
|
201
|
+
{ id: 2, startIndex: 62, selectedText: 'merkiksi jo' },
|
202
|
+
{ id: 3, startIndex: 65, selectedText: 'kiksi jokin' },
|
203
|
+
{ id: 4, startIndex: 71, selectedText: 'jokin koulu' } // does NOT overlap with the first annotation
|
204
|
+
]);
|
205
|
+
const annotationProps = {
|
206
|
+
annotations,
|
207
|
+
onClickAnnotation: () => { },
|
208
|
+
onSaveAnnotation: () => { }
|
209
|
+
};
|
210
|
+
const exam = (0, react_1.render)(react_2.default.createElement(Exam_1.default, { ...getExamProps(), ...annotationProps }));
|
211
|
+
expect(exam.container.querySelector('[data-annotation-id="1"]')).toBeInTheDocument();
|
212
|
+
expect(exam.container.querySelector('[data-annotation-id="1"] sup')).toBeInTheDocument();
|
213
|
+
expect((_a = exam.container.querySelector('[data-annotation-id="1"]')) === null || _a === void 0 ? void 0 : _a.textContent).toBe('esimerkiksi');
|
214
|
+
expect(exam.container.querySelector('[data-annotation-id="2"]')).toBeInTheDocument();
|
215
|
+
expect(exam.container.querySelector('[data-annotation-id="2"] sup')).not.toBeInTheDocument();
|
216
|
+
expect((_b = exam.container.querySelector('[data-annotation-id="2"]')) === null || _b === void 0 ? void 0 : _b.textContent).toBe('');
|
217
|
+
expect(exam.container.querySelector('[data-annotation-id="3"]')).toBeInTheDocument();
|
218
|
+
expect(exam.container.querySelector('[data-annotation-id="3"] sup')).not.toBeInTheDocument();
|
219
|
+
expect((_c = exam.container.querySelector('[data-annotation-id="2"]')) === null || _c === void 0 ? void 0 : _c.textContent).toBe('');
|
220
|
+
expect(exam.container.querySelector('[data-annotation-id="4"]')).toBeInTheDocument();
|
221
|
+
expect(exam.container.querySelector('[data-annotation-id="4"]')).toBeInTheDocument();
|
222
|
+
expect((_d = exam.container.querySelector('[data-annotation-id="4"]')) === null || _d === void 0 ? void 0 : _d.textContent).toBe('jokin koulu');
|
223
|
+
});
|
224
|
+
it('grading instructions can be annotated', async () => {
|
225
|
+
const gi = (0, react_1.render)(react_2.default.createElement(GradingInstructions_1.default, { ...getCommonProps(), annotations: [], onClickAnnotation: () => { }, onSaveAnnotation: () => { } }));
|
226
|
+
await annotateText(gi, defaultAnnotationAnchor);
|
227
|
+
expect(gi.getByTestId('e-popup')).toBeVisible();
|
228
|
+
});
|
229
|
+
it('attachments can be annotated', async () => {
|
230
|
+
const annotationAnchor_7_A = 'e:exam:0 > e:section:2 > e:question:7 > e:external-material:3 > e:attachment:0 > span:1 > p:3 > #text:0';
|
231
|
+
const gi = (0, react_1.render)(react_2.default.createElement(Attachments_1.default, { ...getCommonProps(), annotations: [], onClickAnnotation: () => { }, onSaveAnnotation: () => { } }));
|
232
|
+
await annotateText(gi, annotationAnchor_7_A);
|
233
|
+
expect(gi.getByTestId('e-popup')).toBeVisible();
|
234
|
+
});
|
235
|
+
function createAnnotations(annotations) {
|
236
|
+
const annotationsById = (0, lodash_1.groupBy)(annotations, 'id');
|
237
|
+
return Object.keys(annotationsById).map((id, index) => {
|
238
|
+
const annotationParts = annotationsById[id];
|
239
|
+
return {
|
240
|
+
annotationId: Number(id),
|
241
|
+
selectedText: annotations.map(a => a.selectedText).join(' '),
|
242
|
+
type: 'text',
|
243
|
+
displayNumber: '2',
|
244
|
+
hidden: annotationParts.some(a => a.hidden),
|
245
|
+
markNumber: index + 1,
|
246
|
+
annotationParts: annotationParts.map(p => ({
|
247
|
+
startIndex: p.startIndex,
|
248
|
+
length: p.selectedText.length,
|
249
|
+
annotationAnchor: defaultAnnotationAnchor,
|
250
|
+
selectedText: p.selectedText,
|
251
|
+
annotationId: Number(id)
|
252
|
+
}))
|
253
|
+
};
|
254
|
+
});
|
255
|
+
}
|
256
|
+
async function annotateText(exam, elementAnchor) {
|
257
|
+
const textElement = exam.getByTestId(elementAnchor);
|
258
|
+
const fullText = (textElement === null || textElement === void 0 ? void 0 : textElement.textContent) || '';
|
259
|
+
const annotationLength = fullText.length;
|
260
|
+
const text = fullText.substring(0, annotationLength);
|
261
|
+
mockWindowSelection(text, textElement, annotationLength);
|
262
|
+
await user_event_1.default.click(textElement);
|
263
|
+
}
|
264
|
+
function mockWindowSelection(text = 'mocked selection text', element, length) {
|
265
|
+
;
|
266
|
+
window.getSelection.mockImplementation(() => ({
|
267
|
+
toString: () => text,
|
268
|
+
rangeCount: 1,
|
269
|
+
anchorNode: element.firstChild,
|
270
|
+
focusNode: element.firstChild,
|
271
|
+
getRangeAt: jest.fn().mockReturnValue({
|
272
|
+
startOffset: 0,
|
273
|
+
endOffset: length,
|
274
|
+
startContainer: element,
|
275
|
+
endContainer: element,
|
276
|
+
cloneContents: jest.fn().mockReturnValue({ children: [], childNodes: [] })
|
277
|
+
})
|
278
|
+
}));
|
279
|
+
}
|
280
|
+
function getCommonProps() {
|
281
|
+
return {
|
282
|
+
doc,
|
283
|
+
answers: [],
|
284
|
+
attachmentsURL: '/attachments',
|
285
|
+
resolveAttachment: (filename) => `/attachments/${encodeURIComponent(filename)}`
|
286
|
+
};
|
287
|
+
}
|
288
|
+
function getExamProps() {
|
289
|
+
const examProps = {
|
290
|
+
...getCommonProps(),
|
291
|
+
casStatus: 'forbidden',
|
292
|
+
examServerApi: examServerApi_1.examServerApi,
|
293
|
+
restrictedAudioPlaybackStats: [],
|
294
|
+
studentName: '[Kokelaan Nimi]',
|
295
|
+
showUndoView: false,
|
296
|
+
undoViewProps: {
|
297
|
+
questionId: 0,
|
298
|
+
title: '',
|
299
|
+
close: () => undefined,
|
300
|
+
restoreAnswer: () => undefined
|
301
|
+
}
|
302
|
+
};
|
303
|
+
return examProps;
|
304
|
+
}
|
305
|
+
});
|
306
|
+
//# sourceMappingURL=annotations.test.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"annotations.test.js","sourceRoot":"","sources":["../../__tests__/annotations.test.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Annotations.test.d.ts","sourceRoot":"","sources":["../../../__tests__/playwright/Annotations.test.tsx"],"names":[],"mappings":""}
|
@@ -0,0 +1,201 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
+
};
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
+
const react_1 = __importDefault(require("react"));
|
7
|
+
const experimental_ct_react_1 = require("@playwright/experimental-ct-react");
|
8
|
+
const utils_1 = require("./utils/utils");
|
9
|
+
const Annotations_story_1 = require("./stories/Annotations.story");
|
10
|
+
const lodash_1 = require("lodash");
|
11
|
+
experimental_ct_react_1.test.describe('Annotations', () => {
|
12
|
+
let masteredExam;
|
13
|
+
experimental_ct_react_1.test.beforeAll(async () => {
|
14
|
+
masteredExam = await (0, utils_1.setupMasteredExam)('FF');
|
15
|
+
});
|
16
|
+
(0, experimental_ct_react_1.test)('annotation popup is not rendered if annotation props are not passed', async ({ mount, page }) => {
|
17
|
+
const component = await mount(react_1.default.createElement(Annotations_story_1.AnnotationsStory, { masteredExam: masteredExam }));
|
18
|
+
const element = component.locator('.exam-question-instruction');
|
19
|
+
await (0, utils_1.annotateText)(element, page);
|
20
|
+
await (0, experimental_ct_react_1.expect)(component.getByTestId('e-popup')).not.toBeVisible();
|
21
|
+
});
|
22
|
+
(0, experimental_ct_react_1.test)('text can be annotated and annotations can be viewed when annotation props are passed', async ({ mount, page }) => {
|
23
|
+
let callbackArgs = { newAnnotation: {}, comment: '', annotationId: -1 };
|
24
|
+
const existingAnnotations = [
|
25
|
+
{ id: 1, startIndex: 27, selectedText: 'pienempi' },
|
26
|
+
{ id: 2, startIndex: 166, selectedText: 'yhteisössä' },
|
27
|
+
{ id: 3, startIndex: 59, selectedText: 'esimerkiksi', hidden: true },
|
28
|
+
{ id: 4, startIndex: 142, selectedText: 'mikä' },
|
29
|
+
{ id: 4, startIndex: 147, selectedText: 'ero' },
|
30
|
+
{ id: 5, startIndex: 59, selectedText: 'esimerkiksi' },
|
31
|
+
{ id: 6, startIndex: 62, selectedText: 'merkiksi jo' },
|
32
|
+
{ id: 7, startIndex: 65, selectedText: 'kiksi jokin' },
|
33
|
+
{ id: 8, startIndex: 71, selectedText: 'jokin koulu' }
|
34
|
+
];
|
35
|
+
const component = await mount(react_1.default.createElement(Annotations_story_1.AnnotationsStory, { masteredExam: masteredExam, annotations: createTextAnnotations(existingAnnotations), onClickAnnotation: (_event, annotationId) => {
|
36
|
+
callbackArgs = { ...callbackArgs, annotationId };
|
37
|
+
}, onSaveAnnotation: {
|
38
|
+
fn: (newAnnotation, comment) => {
|
39
|
+
callbackArgs = { ...callbackArgs, newAnnotation, comment };
|
40
|
+
}
|
41
|
+
} }));
|
42
|
+
const annottatableElement = component.locator('.exam-question-instruction');
|
43
|
+
const annotationLocator = (id) => component.locator(`[data-annotation-id="${id}"]`);
|
44
|
+
await experimental_ct_react_1.test.step('rendering annotations', async () => {
|
45
|
+
await experimental_ct_react_1.test.step('non-hidden, unique and not-overlapping annotations are rendered correctly', async () => {
|
46
|
+
for (const annotation of existingAnnotations.slice(0, 2)) {
|
47
|
+
await (0, experimental_ct_react_1.expect)(annotationLocator(annotation.id)).toBeVisible();
|
48
|
+
await (0, experimental_ct_react_1.expect)(annotationLocator(annotation.id)).toHaveText(annotation.selectedText);
|
49
|
+
await (0, experimental_ct_react_1.expect)(annotationLocator(annotation.id).locator('+ sup')).toHaveAttribute('data-content', annotation.id.toString());
|
50
|
+
}
|
51
|
+
});
|
52
|
+
await experimental_ct_react_1.test.step('hidden annotations are hidden', async () => {
|
53
|
+
await (0, experimental_ct_react_1.expect)(annotationLocator(3)).toBeHidden();
|
54
|
+
await (0, experimental_ct_react_1.expect)(annotationLocator(3).locator('+ sup')).toBeHidden();
|
55
|
+
await (0, experimental_ct_react_1.expect)(annotationLocator(3).locator('..')).toHaveAttribute('data-annotation-path', 'e:exam:0 > e:section:1 > e:question:2 > e:question-instruction:1 > span:0 > p:1 > #text:0');
|
56
|
+
});
|
57
|
+
await experimental_ct_react_1.test.step('if two annotations have same id, only latter renders <sup>', async () => {
|
58
|
+
const marks = await annotationLocator(4).all();
|
59
|
+
await (0, experimental_ct_react_1.expect)(marks[0]).toHaveText('mikä');
|
60
|
+
await (0, experimental_ct_react_1.expect)(marks[0].locator('+ sup')).not.toBeVisible();
|
61
|
+
await (0, experimental_ct_react_1.expect)(marks[1]).toHaveText('ero');
|
62
|
+
await (0, experimental_ct_react_1.expect)(marks[1]).toBeVisible();
|
63
|
+
await (0, experimental_ct_react_1.expect)(marks[1].locator('+ sup')).toHaveAttribute('data-content', '4');
|
64
|
+
});
|
65
|
+
await experimental_ct_react_1.test.step('annotations can not overlap — overlapping annotations are not rendered', async () => {
|
66
|
+
await (0, experimental_ct_react_1.expect)(annotationLocator(5)).toBeVisible();
|
67
|
+
await (0, experimental_ct_react_1.expect)(annotationLocator(5).locator('+ sup')).toBeVisible();
|
68
|
+
await (0, experimental_ct_react_1.expect)(annotationLocator(5)).toHaveText('esimerkiksi');
|
69
|
+
await (0, experimental_ct_react_1.expect)(annotationLocator(6)).toBeHidden();
|
70
|
+
await (0, experimental_ct_react_1.expect)(annotationLocator(6).locator('+ sup')).toBeHidden();
|
71
|
+
await (0, experimental_ct_react_1.expect)(annotationLocator(6)).toHaveText('');
|
72
|
+
await (0, experimental_ct_react_1.expect)(annotationLocator(7)).toBeHidden();
|
73
|
+
await (0, experimental_ct_react_1.expect)(annotationLocator(7).locator('+ sup')).toBeHidden();
|
74
|
+
await (0, experimental_ct_react_1.expect)(annotationLocator(7)).toHaveText('');
|
75
|
+
await (0, experimental_ct_react_1.expect)(annotationLocator(8)).toBeVisible();
|
76
|
+
await (0, experimental_ct_react_1.expect)(annotationLocator(8).locator('+ sup')).toBeVisible();
|
77
|
+
await (0, experimental_ct_react_1.expect)(annotationLocator(8)).toHaveText('jokin koulu');
|
78
|
+
});
|
79
|
+
});
|
80
|
+
await experimental_ct_react_1.test.step('creating annotations', async () => {
|
81
|
+
await experimental_ct_react_1.test.step('annotation popup appears when text is selected', async () => {
|
82
|
+
await (0, experimental_ct_react_1.expect)(component.getByTestId('e-popup')).not.toBeVisible();
|
83
|
+
await (0, utils_1.annotateText)(annottatableElement, page);
|
84
|
+
await (0, experimental_ct_react_1.expect)(component.getByTestId('e-popup')).toBeVisible();
|
85
|
+
});
|
86
|
+
await experimental_ct_react_1.test.step('callback is called when annotation is saved', async () => {
|
87
|
+
const textbox = component.locator('.comment-content');
|
88
|
+
await textbox.fill('New comment');
|
89
|
+
await component.getByText('Tallenna').click();
|
90
|
+
(0, experimental_ct_react_1.expect)(callbackArgs.comment).toBe('New comment');
|
91
|
+
(0, experimental_ct_react_1.expect)(callbackArgs.newAnnotation).toStrictEqual({
|
92
|
+
annotationParts: [
|
93
|
+
{
|
94
|
+
annotationAnchor: 'e:exam:0 > e:section:1 > e:question:2 > e:question-instruction:1 > span:0 > p:0 > #text:0',
|
95
|
+
selectedText: 'Sekä moraali että tavat pyr',
|
96
|
+
startIndex: 0,
|
97
|
+
length: 27
|
98
|
+
}
|
99
|
+
],
|
100
|
+
annotationType: 'text',
|
101
|
+
displayNumber: '2',
|
102
|
+
selectedText: 'Sekä moraali että tavat pyr'
|
103
|
+
});
|
104
|
+
});
|
105
|
+
await experimental_ct_react_1.test.step('popup field is empty when creating new annotation', async () => {
|
106
|
+
await (0, utils_1.annotateText)(annottatableElement, page);
|
107
|
+
await (0, experimental_ct_react_1.expect)(component.locator('.comment-content')).toHaveText('');
|
108
|
+
});
|
109
|
+
await experimental_ct_react_1.test.step('popup can be closed', async () => {
|
110
|
+
await component.getByText('Peru').click();
|
111
|
+
await (0, experimental_ct_react_1.expect)(component.getByTestId('e-popup')).not.toBeVisible();
|
112
|
+
});
|
113
|
+
await experimental_ct_react_1.test.step('callback is called when annotation is clicked', async () => {
|
114
|
+
await component.locator('[data-annotation-id="1"]').click();
|
115
|
+
(0, experimental_ct_react_1.expect)(callbackArgs.annotationId).toStrictEqual(1);
|
116
|
+
});
|
117
|
+
});
|
118
|
+
});
|
119
|
+
(0, experimental_ct_react_1.test)('"August 2024" annotations are added to dom when provided', async ({ mount }) => {
|
120
|
+
/** the difference of startIndex between an "August 2024 annotation" and a normal annotation
|
121
|
+
* (in this case, but the index varies depending on the exam content)
|
122
|
+
*/
|
123
|
+
const startIndexDifference = 24;
|
124
|
+
const component = await mount(react_1.default.createElement(Annotations_story_1.AnnotationsStory, { masteredExam: masteredExam, annotations: createTextAnnotations([
|
125
|
+
{ id: 1, startIndex: 166 - startIndexDifference, selectedText: 'yhteisössä' }
|
126
|
+
]), onClickAnnotation: () => { }, onSaveAnnotation: { fn: () => { } } }));
|
127
|
+
await (0, experimental_ct_react_1.expect)(component.locator('[data-annotation-id="1"]')).toBeVisible();
|
128
|
+
await (0, experimental_ct_react_1.expect)(component.locator('[data-annotation-id="1"]')).toHaveText('yhteisössä');
|
129
|
+
await (0, experimental_ct_react_1.expect)(component.locator('[data-annotation-id="1"] + sup')).toHaveAttribute('data-content', '1');
|
130
|
+
});
|
131
|
+
(0, experimental_ct_react_1.test)('annotation popup is not closed when annotation save fails', async ({ mount, page }) => {
|
132
|
+
const errorMessage = 'save failed';
|
133
|
+
const component = await mount(react_1.default.createElement(Annotations_story_1.AnnotationsStory, { masteredExam: masteredExam, annotations: [], onClickAnnotation: () => { }, onSaveAnnotation: { fn: () => { }, result: errorMessage } }));
|
134
|
+
await (0, experimental_ct_react_1.expect)(component.getByTestId('e-popup')).not.toBeVisible();
|
135
|
+
await (0, utils_1.annotateText)(component.locator('.exam-question-instruction'), page);
|
136
|
+
await component.locator('.comment-content').fill('New comment');
|
137
|
+
await component.getByText('Tallenna').click();
|
138
|
+
await (0, experimental_ct_react_1.expect)(component.getByTestId('e-popup')).toBeVisible();
|
139
|
+
await (0, experimental_ct_react_1.expect)(component.getByText(errorMessage)).toBeVisible();
|
140
|
+
});
|
141
|
+
(0, experimental_ct_react_1.test)('formulas can be annotated with image annotations', async ({ mount, page }) => {
|
142
|
+
const masteredExam = await (0, utils_1.setupMasteredExam)('N');
|
143
|
+
let callbackArgs = { newAnnotation: {}, comment: '', annotationId: -1 };
|
144
|
+
const component = await mount(react_1.default.createElement(Annotations_story_1.AnnotationsStory, { masteredExam: masteredExam, annotations: [], onClickAnnotation: (_event, annotationId) => {
|
145
|
+
callbackArgs = { ...callbackArgs, annotationId };
|
146
|
+
}, onSaveAnnotation: {
|
147
|
+
fn: (newAnnotation, comment) => {
|
148
|
+
callbackArgs = { ...callbackArgs, newAnnotation, comment };
|
149
|
+
}
|
150
|
+
} }));
|
151
|
+
const annottatableElement = component.locator('.e-formula.e-annotatable').nth(0);
|
152
|
+
await experimental_ct_react_1.test.step('creating annotations', async () => {
|
153
|
+
await experimental_ct_react_1.test.step('annotation popup appears when text is selected', async () => {
|
154
|
+
await (0, experimental_ct_react_1.expect)(component.getByTestId('e-popup')).not.toBeVisible();
|
155
|
+
await (0, utils_1.annotateImage)(annottatableElement, page);
|
156
|
+
await (0, experimental_ct_react_1.expect)(component.getByTestId('e-popup')).toBeVisible();
|
157
|
+
});
|
158
|
+
await experimental_ct_react_1.test.step('callback is called when annotation is saved', async () => {
|
159
|
+
const textbox = component.locator('.comment-content');
|
160
|
+
await textbox.fill('New comment');
|
161
|
+
await component.getByText('Tallenna').click();
|
162
|
+
(0, experimental_ct_react_1.expect)(callbackArgs.comment).toBe('New comment');
|
163
|
+
(0, experimental_ct_react_1.expect)(callbackArgs.newAnnotation).toStrictEqual({
|
164
|
+
annotationType: 'image',
|
165
|
+
displayNumber: '2',
|
166
|
+
annotationAnchor: 'e:exam:0 > e:section:1 > e:question:2 > e:question-instruction:1 > span:0 > p:1 > e:formula:false',
|
167
|
+
description: 'kaava 4(x+1)=4x+4',
|
168
|
+
rect: {
|
169
|
+
x1: 0,
|
170
|
+
x2: 1,
|
171
|
+
y1: 0,
|
172
|
+
y2: 1
|
173
|
+
}
|
174
|
+
});
|
175
|
+
});
|
176
|
+
});
|
177
|
+
});
|
178
|
+
function createTextAnnotations(annotations) {
|
179
|
+
const annotationsById = (0, lodash_1.groupBy)(annotations, 'id');
|
180
|
+
return Object.keys(annotationsById).map((id, index) => {
|
181
|
+
const annotationParts = annotationsById[id];
|
182
|
+
return {
|
183
|
+
annotationType: 'text',
|
184
|
+
annotationId: Number(id),
|
185
|
+
selectedText: annotations.map(a => a.selectedText).join(' '),
|
186
|
+
type: 'text',
|
187
|
+
displayNumber: '2',
|
188
|
+
hidden: annotationParts.some(a => a.hidden),
|
189
|
+
markNumber: index + 1,
|
190
|
+
annotationParts: annotationParts.map(p => ({
|
191
|
+
startIndex: p.startIndex,
|
192
|
+
length: p.selectedText.length,
|
193
|
+
annotationAnchor: 'e:exam:0 > e:section:1 > e:question:2 > e:question-instruction:1 > span:0 > p:1 > #text:0',
|
194
|
+
selectedText: p.selectedText,
|
195
|
+
annotationId: Number(id)
|
196
|
+
}))
|
197
|
+
};
|
198
|
+
});
|
199
|
+
}
|
200
|
+
});
|
201
|
+
//# sourceMappingURL=Annotations.test.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Annotations.test.js","sourceRoot":"","sources":["../../../__tests__/playwright/Annotations.test.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Attachments.test.d.ts","sourceRoot":"","sources":["../../../../__tests__/playwright/attachments/Attachments.test.tsx"],"names":[],"mappings":""}
|
@@ -0,0 +1,30 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
+
};
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
+
const react_1 = __importDefault(require("react"));
|
7
|
+
const experimental_ct_react_1 = require("@playwright/experimental-ct-react");
|
8
|
+
const utils_1 = require("../utils/utils");
|
9
|
+
const Attachments_story_1 = require("../stories/attachments/Attachments.story");
|
10
|
+
experimental_ct_react_1.test.describe('Attachments', () => {
|
11
|
+
let masteredExam;
|
12
|
+
experimental_ct_react_1.test.beforeAll(async () => {
|
13
|
+
masteredExam = await (0, utils_1.setupMasteredExam)('FF');
|
14
|
+
});
|
15
|
+
(0, experimental_ct_react_1.test)('text can be annotated inside attachments', async ({ mount, page }) => {
|
16
|
+
let callbackArg = '';
|
17
|
+
const component = await mount(react_1.default.createElement(Attachments_story_1.AttachmentsStory, { masteredExam: masteredExam, annotations: [], onClickAnnotation: () => { }, onSaveAnnotation: (_newAnnotation, comment) => {
|
18
|
+
callbackArg = comment;
|
19
|
+
} }));
|
20
|
+
const annottatableElement = component.locator('.e-annotatable').first();
|
21
|
+
const textbox = component.locator('.comment-content');
|
22
|
+
await (0, experimental_ct_react_1.expect)(annottatableElement).toBeVisible();
|
23
|
+
await (0, utils_1.annotateText)(annottatableElement, page);
|
24
|
+
await (0, experimental_ct_react_1.expect)(component.getByTestId('e-popup')).toBeVisible();
|
25
|
+
await textbox.fill('New comment');
|
26
|
+
await component.getByText('Tallenna').click();
|
27
|
+
(0, experimental_ct_react_1.expect)(callbackArg).toBe('New comment');
|
28
|
+
});
|
29
|
+
});
|
30
|
+
//# sourceMappingURL=Attachments.test.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Attachments.test.js","sourceRoot":"","sources":["../../../../__tests__/playwright/attachments/Attachments.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,6EAAgE;AAChE,0CAAgE;AAChE,gFAA2E;AAE3E,4BAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAChC,IAAI,YAA2D,CAAA;IAE/D,4BAAI,CAAC,SAAS,CAAC,KAAK,IAAI,EAAE;QACxB,YAAY,GAAG,MAAM,IAAA,yBAAiB,EAAC,IAAI,CAAC,CAAA;IAC9C,CAAC,CAAC,CAAA;IAEF,IAAA,4BAAI,EAAC,0CAA0C,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;QACzE,IAAI,WAAW,GAAG,EAAE,CAAA;QACpB,MAAM,SAAS,GAAG,MAAM,KAAK,CAC3B,8BAAC,oCAAgB,IACf,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,EAAE,EACf,iBAAiB,EAAE,GAAG,EAAE,GAAE,CAAC,EAC3B,gBAAgB,EAAE,CAAC,cAAc,EAAE,OAAe,EAAE,EAAE;gBACpD,WAAW,GAAG,OAAO,CAAA;YACvB,CAAC,GACD,CACH,CAAA;QACD,MAAM,mBAAmB,GAAG,SAAS,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,KAAK,EAAE,CAAA;QACvE,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAA;QAErD,MAAM,IAAA,8BAAM,EAAC,mBAAmB,CAAC,CAAC,WAAW,EAAE,CAAA;QAC/C,MAAM,IAAA,oBAAY,EAAC,mBAAmB,EAAE,IAAI,CAAC,CAAA;QAC7C,MAAM,IAAA,8BAAM,EAAC,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAAE,CAAA;QAE5D,MAAM,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;QACjC,MAAM,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,CAAA;QAC7C,IAAA,8BAAM,EAAC,WAAW,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;IACzC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Exam.test.d.ts","sourceRoot":"","sources":["../../../../__tests__/playwright/exam/Exam.test.tsx"],"names":[],"mappings":""}
|