@coorpacademy/components 10.19.1-alpha.0 → 10.19.2
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/es/atom/checkbox-with-title/style.css +1 -1
- package/es/atom/lottie-wrapper/index.js +1 -1
- package/es/atom/lottie-wrapper/index.js.map +1 -1
- package/es/atom/review-background/style.css +1 -1
- package/es/atom/review-header-step-item/index.js +7 -3
- package/es/atom/review-header-step-item/index.js.map +1 -1
- package/es/atom/review-header-step-item/style.css +7 -10
- package/es/atom/review-presentation/index.js +10 -2
- package/es/atom/review-presentation/index.js.map +1 -1
- package/es/molecule/review-card-congrats/style.css +2 -0
- package/es/molecule/review-correction-popin/index.js +5 -2
- package/es/molecule/review-correction-popin/index.js.map +1 -1
- package/es/molecule/review-correction-popin/test/fixtures/wrong.js +1 -0
- package/es/molecule/review-correction-popin/test/fixtures/wrong.js.map +1 -1
- package/es/molecule/review-header-steps/index.js +3 -3
- package/es/molecule/review-header-steps/index.js.map +1 -1
- package/es/organism/review-congrats/index.js +17 -3
- package/es/organism/review-congrats/index.js.map +1 -1
- package/es/organism/review-congrats/style.css +68 -5
- package/es/organism/review-congrats/test/fixtures/default.js +7 -0
- package/es/organism/review-congrats/test/fixtures/default.js.map +1 -1
- package/es/organism/review-header/index.js +3 -3
- package/es/organism/review-header/index.js.map +1 -1
- package/es/organism/review-header/style.css +1 -1
- package/es/organism/review-header/test/fixtures/all-questions-ok.js +3 -1
- package/es/organism/review-header/test/fixtures/all-questions-ok.js.map +1 -1
- package/es/template/slides-review/index.js +421 -0
- package/es/template/slides-review/index.js.map +1 -0
- package/es/template/slides-review/style.css +371 -0
- package/es/template/slides-review/test/fixtures/failure.js +37 -0
- package/es/template/slides-review/test/fixtures/failure.js.map +1 -0
- package/es/template/slides-review/test/fixtures/only-once-on-last-slide.js +29 -0
- package/es/template/slides-review/test/fixtures/only-once-on-last-slide.js.map +1 -0
- package/es/template/slides-review/test/fixtures/random-responses.js +34 -0
- package/es/template/slides-review/test/fixtures/random-responses.js.map +1 -0
- package/es/template/slides-review/test/fixtures/success.js +54 -0
- package/es/template/slides-review/test/fixtures/success.js.map +1 -0
- package/es/template/slides-review/test/fixtures.js +19 -0
- package/es/template/slides-review/test/fixtures.js.map +1 -0
- package/es/template/slides-review/test/slides-review.js +147 -0
- package/es/template/slides-review/test/slides-review.js.map +1 -0
- package/lib/atom/checkbox-with-title/style.css +1 -1
- package/lib/atom/lottie-wrapper/index.js +1 -1
- package/lib/atom/lottie-wrapper/index.js.map +1 -1
- package/lib/atom/review-background/style.css +1 -1
- package/lib/atom/review-header-step-item/index.js +10 -4
- package/lib/atom/review-header-step-item/index.js.map +1 -1
- package/lib/atom/review-header-step-item/style.css +7 -10
- package/lib/atom/review-presentation/index.js +10 -2
- package/lib/atom/review-presentation/index.js.map +1 -1
- package/lib/molecule/review-card-congrats/style.css +2 -0
- package/lib/molecule/review-correction-popin/index.js +5 -2
- package/lib/molecule/review-correction-popin/index.js.map +1 -1
- package/lib/molecule/review-correction-popin/test/fixtures/wrong.js +1 -0
- package/lib/molecule/review-correction-popin/test/fixtures/wrong.js.map +1 -1
- package/lib/molecule/review-header-steps/index.js +3 -3
- package/lib/molecule/review-header-steps/index.js.map +1 -1
- package/lib/organism/review-congrats/index.js +18 -3
- package/lib/organism/review-congrats/index.js.map +1 -1
- package/lib/organism/review-congrats/style.css +68 -5
- package/lib/organism/review-congrats/test/fixtures/default.js +8 -0
- package/lib/organism/review-congrats/test/fixtures/default.js.map +1 -1
- package/lib/organism/review-header/index.js.map +1 -1
- package/lib/organism/review-header/style.css +1 -1
- package/lib/organism/review-header/test/fixtures/all-questions-ok.js +3 -1
- package/lib/organism/review-header/test/fixtures/all-questions-ok.js.map +1 -1
- package/lib/template/slides-review/index.js +447 -0
- package/lib/template/slides-review/index.js.map +1 -0
- package/lib/template/slides-review/style.css +371 -0
- package/lib/template/slides-review/test/fixtures/failure.js +50 -0
- package/lib/template/slides-review/test/fixtures/failure.js.map +1 -0
- package/lib/template/slides-review/test/fixtures/only-once-on-last-slide.js +39 -0
- package/lib/template/slides-review/test/fixtures/only-once-on-last-slide.js.map +1 -0
- package/lib/template/slides-review/test/fixtures/random-responses.js +45 -0
- package/lib/template/slides-review/test/fixtures/random-responses.js.map +1 -0
- package/lib/template/slides-review/test/fixtures/success.js +67 -0
- package/lib/template/slides-review/test/fixtures/success.js.map +1 -0
- package/lib/template/slides-review/test/fixtures.js +31 -0
- package/lib/template/slides-review/test/fixtures.js.map +1 -0
- package/lib/template/slides-review/test/slides-review.js +163 -0
- package/lib/template/slides-review/test/slides-review.js.map +1 -0
- package/package.json +3 -3
|
@@ -0,0 +1,163 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _browserEnv = _interopRequireDefault(require("browser-env"));
|
|
4
|
+
|
|
5
|
+
var _ava = _interopRequireDefault(require("ava"));
|
|
6
|
+
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
|
|
9
|
+
var _react2 = require("@testing-library/react");
|
|
10
|
+
|
|
11
|
+
var _ = _interopRequireDefault(require(".."));
|
|
12
|
+
|
|
13
|
+
var _qcmDrag = _interopRequireDefault(require("../../../molecule/answer/test/fixtures/qcm-drag"));
|
|
14
|
+
|
|
15
|
+
var _success = _interopRequireDefault(require("./fixtures/success"));
|
|
16
|
+
|
|
17
|
+
var _failure = _interopRequireDefault(require("./fixtures/failure"));
|
|
18
|
+
|
|
19
|
+
var _onlyOnceOnLastSlide = _interopRequireDefault(require("./fixtures/only-once-on-last-slide"));
|
|
20
|
+
|
|
21
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
22
|
+
|
|
23
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
24
|
+
|
|
25
|
+
(0, _browserEnv.default)({
|
|
26
|
+
pretendToBeVisual: true
|
|
27
|
+
});
|
|
28
|
+
|
|
29
|
+
const elementExists = foundElements => foundElements && foundElements[0];
|
|
30
|
+
|
|
31
|
+
const sleep = msToSleep => new Promise(resolve => setTimeout(resolve, msToSleep));
|
|
32
|
+
|
|
33
|
+
const waitForRevisionEndChanges = async () => {
|
|
34
|
+
await (0, _react2.act)(async () => {
|
|
35
|
+
await sleep(2500); // wait *just* a little longer than the timeout in the component
|
|
36
|
+
});
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
const qcmDrag = _qcmDrag.default.props;
|
|
40
|
+
const LIMIT = 5;
|
|
41
|
+
|
|
42
|
+
const clickAllSlides = async (t, container, accumulator = 0) => {
|
|
43
|
+
if (accumulator === LIMIT) return; // last one needs to wait for more calculations && components updates
|
|
44
|
+
|
|
45
|
+
if (accumulator === 4) await (0, _react2.act)(async () => {
|
|
46
|
+
await sleep(2000);
|
|
47
|
+
});
|
|
48
|
+
const validateButton = container.querySelectorAll(`[data-name="slide-validate-button-${accumulator}"]`);
|
|
49
|
+
t.truthy(elementExists(validateButton));
|
|
50
|
+
await (0, _react2.act)(async () => {
|
|
51
|
+
await _react2.fireEvent.click(validateButton[0]);
|
|
52
|
+
});
|
|
53
|
+
const nextButton = container.querySelectorAll(`[data-name="next-question-button-${accumulator}"]`);
|
|
54
|
+
t.truthy(elementExists(nextButton));
|
|
55
|
+
await (0, _react2.act)(async () => {
|
|
56
|
+
await _react2.fireEvent.click(nextButton[0]);
|
|
57
|
+
});
|
|
58
|
+
await clickAllSlides(t, container, accumulator + 1);
|
|
59
|
+
};
|
|
60
|
+
|
|
61
|
+
_ava.default.serial('should validate all the slides && unmount the stacked slides after', async t => {
|
|
62
|
+
const {
|
|
63
|
+
container
|
|
64
|
+
} = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, _extends({}, _success.default.props, {
|
|
65
|
+
key: 0
|
|
66
|
+
})));
|
|
67
|
+
const wrapper = container.querySelectorAll('[data-name="slides-revision-container"]');
|
|
68
|
+
t.truthy(wrapper);
|
|
69
|
+
let stackedSlidesContainer = container.querySelectorAll('[data-name="stacked-slides-container"]');
|
|
70
|
+
t.truthy(elementExists(stackedSlidesContainer));
|
|
71
|
+
await clickAllSlides(t, container);
|
|
72
|
+
await waitForRevisionEndChanges();
|
|
73
|
+
stackedSlidesContainer = container.querySelectorAll('[data-name="stacked-slides-container"]');
|
|
74
|
+
t.falsy(elementExists(stackedSlidesContainer));
|
|
75
|
+
t.pass();
|
|
76
|
+
});
|
|
77
|
+
|
|
78
|
+
_ava.default.serial('should validate all the slides except the last one, retry and pass', async t => {
|
|
79
|
+
const {
|
|
80
|
+
container
|
|
81
|
+
} = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, _extends({}, _onlyOnceOnLastSlide.default.props, {
|
|
82
|
+
key: 1
|
|
83
|
+
})));
|
|
84
|
+
const wrapper = container.querySelectorAll('[data-name="slides-revision-container"]');
|
|
85
|
+
t.truthy(wrapper);
|
|
86
|
+
const stackedSlidesContainer = container.querySelectorAll('[data-name="stacked-slides-container"]');
|
|
87
|
+
t.truthy(elementExists(stackedSlidesContainer)); // loop once
|
|
88
|
+
|
|
89
|
+
await clickAllSlides(t, container); // fail the first slide again (the other slides are passed)
|
|
90
|
+
|
|
91
|
+
const validateButton = container.querySelectorAll('[data-name="slide-validate-button-0"]');
|
|
92
|
+
t.truthy(elementExists(validateButton));
|
|
93
|
+
await (0, _react2.act)(async () => {
|
|
94
|
+
await _react2.fireEvent.click(validateButton[0]);
|
|
95
|
+
});
|
|
96
|
+
t.pass();
|
|
97
|
+
});
|
|
98
|
+
|
|
99
|
+
_ava.default.serial('should fail all the slides && still find the stacked slides after', async t => {
|
|
100
|
+
const {
|
|
101
|
+
container
|
|
102
|
+
} = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, _extends({}, _failure.default.props, {
|
|
103
|
+
key: 2
|
|
104
|
+
})));
|
|
105
|
+
const wrapper = container.querySelectorAll('[data-name="slides-revision-container"]');
|
|
106
|
+
t.truthy(wrapper);
|
|
107
|
+
let stackedSlidesContainer = container.querySelectorAll('[data-name="stacked-slides-container"]');
|
|
108
|
+
t.truthy(elementExists(stackedSlidesContainer)); // loop once
|
|
109
|
+
|
|
110
|
+
await clickAllSlides(t, container); // fail the first slide again (all the other slides are also on fail state)
|
|
111
|
+
|
|
112
|
+
const validateButton = container.querySelectorAll('[data-name="slide-validate-button-0"]');
|
|
113
|
+
t.truthy(elementExists(validateButton));
|
|
114
|
+
await (0, _react2.act)(async () => {
|
|
115
|
+
await _react2.fireEvent.click(validateButton[0]);
|
|
116
|
+
});
|
|
117
|
+
stackedSlidesContainer = container.querySelectorAll('[data-name="stacked-slides-container"]');
|
|
118
|
+
t.truthy(elementExists(stackedSlidesContainer));
|
|
119
|
+
t.pass();
|
|
120
|
+
});
|
|
121
|
+
|
|
122
|
+
_ava.default.serial('should end Revision on signal && unmount the stacked slides after', async t => {
|
|
123
|
+
t.plan(6);
|
|
124
|
+
|
|
125
|
+
const onValidateClick = () => {
|
|
126
|
+
t.pass();
|
|
127
|
+
return Promise.resolve({
|
|
128
|
+
validationResult: 'failure',
|
|
129
|
+
nextSlide: {
|
|
130
|
+
question: 'Other question?',
|
|
131
|
+
answer: qcmDrag
|
|
132
|
+
},
|
|
133
|
+
endReview: true
|
|
134
|
+
});
|
|
135
|
+
};
|
|
136
|
+
|
|
137
|
+
const props = _extends(_extends({}, _failure.default.props), {}, {
|
|
138
|
+
validate: {
|
|
139
|
+
label: _failure.default.props.validate.label,
|
|
140
|
+
onClick: onValidateClick
|
|
141
|
+
}
|
|
142
|
+
});
|
|
143
|
+
|
|
144
|
+
const {
|
|
145
|
+
container
|
|
146
|
+
} = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, _extends({}, props, {
|
|
147
|
+
key: 3
|
|
148
|
+
})));
|
|
149
|
+
const wrapper = container.querySelectorAll('[data-name="slides-revision-container"]');
|
|
150
|
+
t.truthy(wrapper);
|
|
151
|
+
let stackedSlidesContainer = container.querySelectorAll('[data-name="stacked-slides-container"]');
|
|
152
|
+
t.truthy(elementExists(stackedSlidesContainer));
|
|
153
|
+
const validateButton = container.querySelectorAll('[data-name="slide-validate-button-0"]');
|
|
154
|
+
t.truthy(elementExists(validateButton));
|
|
155
|
+
await (0, _react2.act)(async () => {
|
|
156
|
+
await _react2.fireEvent.click(validateButton[0]);
|
|
157
|
+
});
|
|
158
|
+
await waitForRevisionEndChanges();
|
|
159
|
+
stackedSlidesContainer = container.querySelectorAll('[data-name="stacked-slides-container"]');
|
|
160
|
+
t.falsy(elementExists(stackedSlidesContainer));
|
|
161
|
+
t.pass();
|
|
162
|
+
});
|
|
163
|
+
//# sourceMappingURL=slides-review.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/template/slides-review/test/slides-review.js"],"names":["pretendToBeVisual","elementExists","foundElements","sleep","msToSleep","Promise","resolve","setTimeout","waitForRevisionEndChanges","qcmDrag","AnswerQCMDrag","props","LIMIT","clickAllSlides","t","container","accumulator","validateButton","querySelectorAll","truthy","fireEvent","click","nextButton","test","serial","successFixture","wrapper","stackedSlidesContainer","falsy","pass","failOnceOnLastSlideFixture","failureFixture","plan","onValidateClick","validationResult","nextSlide","question","answer","endReview","validate","label","onClick"],"mappings":"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","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {render, fireEvent, act} from '@testing-library/react';\nimport SlidesReview from '..';\nimport AnswerQCMDrag from '../../../molecule/answer/test/fixtures/qcm-drag';\nimport successFixture from './fixtures/success';\nimport failureFixture from './fixtures/failure';\nimport failOnceOnLastSlideFixture from './fixtures/only-once-on-last-slide';\n\nbrowserEnv({pretendToBeVisual: true});\n\nconst elementExists = foundElements => foundElements && foundElements[0];\n\nconst sleep = msToSleep => new Promise(resolve => setTimeout(resolve, msToSleep));\n\nconst waitForRevisionEndChanges = async () => {\n await act(async () => {\n await sleep(2500); // wait *just* a little longer than the timeout in the component\n });\n};\n\nconst qcmDrag = AnswerQCMDrag.props;\n\nconst LIMIT = 5;\n\nconst clickAllSlides = async (t, container, accumulator = 0) => {\n if (accumulator === LIMIT) return;\n\n // last one needs to wait for more calculations && components updates\n if (accumulator === 4)\n await act(async () => {\n await sleep(2000);\n });\n\n const validateButton = container.querySelectorAll(\n `[data-name=\"slide-validate-button-${accumulator}\"]`\n );\n t.truthy(elementExists(validateButton));\n\n await act(async () => {\n await fireEvent.click(validateButton[0]);\n });\n\n const nextButton = container.querySelectorAll(\n `[data-name=\"next-question-button-${accumulator}\"]`\n );\n t.truthy(elementExists(nextButton));\n\n await act(async () => {\n await fireEvent.click(nextButton[0]);\n });\n\n await clickAllSlides(t, container, accumulator + 1);\n};\n\ntest.serial('should validate all the slides && unmount the stacked slides after', async t => {\n const {container} = render(<SlidesReview {...successFixture.props} key={0} />);\n\n const wrapper = container.querySelectorAll('[data-name=\"slides-revision-container\"]');\n t.truthy(wrapper);\n\n let stackedSlidesContainer = container.querySelectorAll('[data-name=\"stacked-slides-container\"]');\n t.truthy(elementExists(stackedSlidesContainer));\n\n await clickAllSlides(t, container);\n\n await waitForRevisionEndChanges();\n\n stackedSlidesContainer = container.querySelectorAll('[data-name=\"stacked-slides-container\"]');\n t.falsy(elementExists(stackedSlidesContainer));\n\n t.pass();\n});\n\ntest.serial('should validate all the slides except the last one, retry and pass', async t => {\n const {container} = render(<SlidesReview {...failOnceOnLastSlideFixture.props} key={1} />);\n\n const wrapper = container.querySelectorAll('[data-name=\"slides-revision-container\"]');\n t.truthy(wrapper);\n\n const stackedSlidesContainer = container.querySelectorAll(\n '[data-name=\"stacked-slides-container\"]'\n );\n t.truthy(elementExists(stackedSlidesContainer));\n\n // loop once\n await clickAllSlides(t, container);\n\n // fail the first slide again (the other slides are passed)\n const validateButton = container.querySelectorAll('[data-name=\"slide-validate-button-0\"]');\n t.truthy(elementExists(validateButton));\n\n await act(async () => {\n await fireEvent.click(validateButton[0]);\n });\n\n t.pass();\n});\n\ntest.serial('should fail all the slides && still find the stacked slides after', async t => {\n const {container} = render(<SlidesReview {...failureFixture.props} key={2} />);\n\n const wrapper = container.querySelectorAll('[data-name=\"slides-revision-container\"]');\n t.truthy(wrapper);\n\n let stackedSlidesContainer = container.querySelectorAll('[data-name=\"stacked-slides-container\"]');\n t.truthy(elementExists(stackedSlidesContainer));\n\n // loop once\n await clickAllSlides(t, container);\n\n // fail the first slide again (all the other slides are also on fail state)\n const validateButton = container.querySelectorAll('[data-name=\"slide-validate-button-0\"]');\n t.truthy(elementExists(validateButton));\n\n await act(async () => {\n await fireEvent.click(validateButton[0]);\n });\n\n stackedSlidesContainer = container.querySelectorAll('[data-name=\"stacked-slides-container\"]');\n t.truthy(elementExists(stackedSlidesContainer));\n\n t.pass();\n});\n\ntest.serial('should end Revision on signal && unmount the stacked slides after', async t => {\n t.plan(6);\n const onValidateClick = () => {\n t.pass();\n return Promise.resolve({\n validationResult: 'failure',\n nextSlide: {question: 'Other question?', answer: qcmDrag},\n endReview: true\n });\n };\n\n const props = {\n ...failureFixture.props,\n validate: {\n label: failureFixture.props.validate.label,\n onClick: onValidateClick\n }\n };\n\n const {container} = render(<SlidesReview {...props} key={3} />);\n\n const wrapper = container.querySelectorAll('[data-name=\"slides-revision-container\"]');\n t.truthy(wrapper);\n\n let stackedSlidesContainer = container.querySelectorAll('[data-name=\"stacked-slides-container\"]');\n t.truthy(elementExists(stackedSlidesContainer));\n\n const validateButton = container.querySelectorAll('[data-name=\"slide-validate-button-0\"]');\n t.truthy(elementExists(validateButton));\n\n await act(async () => {\n await fireEvent.click(validateButton[0]);\n });\n\n await waitForRevisionEndChanges();\n\n stackedSlidesContainer = container.querySelectorAll('[data-name=\"stacked-slides-container\"]');\n t.falsy(elementExists(stackedSlidesContainer));\n\n t.pass();\n});\n"],"file":"slides-review.js"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coorpacademy/components",
|
|
3
|
-
"version": "10.19.
|
|
3
|
+
"version": "10.19.2",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"Soualmi Djamel <djamel.soualmi@coorpacademy.com>"
|
|
51
51
|
],
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@coorpacademy/nova-icons": "3.11.
|
|
53
|
+
"@coorpacademy/nova-icons": "3.11.1",
|
|
54
54
|
"autoprefixer": "^9.8.0",
|
|
55
55
|
"classnames": "^2.2.6",
|
|
56
56
|
"css-color-function": "^1.3.3",
|
|
@@ -122,5 +122,5 @@
|
|
|
122
122
|
"webpack-hot-middleware": "^2.25.0"
|
|
123
123
|
},
|
|
124
124
|
"author": "CoorpAcademy",
|
|
125
|
-
"gitHead": "
|
|
125
|
+
"gitHead": "65e9c3052cda2c211fe749f7cb9e2de124d790d6"
|
|
126
126
|
}
|