@coorpacademy/components 10.19.1 → 10.19.4

package/lib/template/slides-review/test/slides-review.js

@@ -0,0 +1,163 @@
+"use strict";
+
+var _browserEnv = _interopRequireDefault(require("browser-env"));
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _ = _interopRequireDefault(require(".."));
+
+var _qcmDrag = _interopRequireDefault(require("../../../molecule/answer/test/fixtures/qcm-drag"));
+
+var _success = _interopRequireDefault(require("./fixtures/success"));
+
+var _failure = _interopRequireDefault(require("./fixtures/failure"));
+
+var _onlyOnceOnLastSlide = _interopRequireDefault(require("./fixtures/only-once-on-last-slide"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+(0, _browserEnv.default)({
+  pretendToBeVisual: true
+});
+
+const elementExists = foundElements => foundElements && foundElements[0];
+
+const sleep = msToSleep => new Promise(resolve => setTimeout(resolve, msToSleep));
+
+const waitForRevisionEndChanges = async () => {
+  await (0, _react2.act)(async () => {
+    await sleep(2500); // wait *just* a little longer than the timeout in the component
+  });
+};
+
+const qcmDrag = _qcmDrag.default.props;
+const LIMIT = 5;
+
+const clickAllSlides = async (t, container, accumulator = 0) => {
+  if (accumulator === LIMIT) return; // last one needs to wait for more calculations && components updates
+
+  if (accumulator === 4) await (0, _react2.act)(async () => {
+    await sleep(2000);
+  });
+  const validateButton = container.querySelectorAll(`[data-name="slide-validate-button-${accumulator}"]`);
+  t.truthy(elementExists(validateButton));
+  await (0, _react2.act)(async () => {
+    await _react2.fireEvent.click(validateButton[0]);
+  });
+  const nextButton = container.querySelectorAll(`[data-name="next-question-button-${accumulator}"]`);
+  t.truthy(elementExists(nextButton));
+  await (0, _react2.act)(async () => {
+    await _react2.fireEvent.click(nextButton[0]);
+  });
+  await clickAllSlides(t, container, accumulator + 1);
+};
+
+_ava.default.serial('should validate all the slides && unmount the stacked slides after', async t => {
+  const {
+    container
+  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, _extends({}, _success.default.props, {
+    key: 0
+  })));
+  const wrapper = container.querySelectorAll('[data-name="slides-revision-container"]');
+  t.truthy(wrapper);
+  let stackedSlidesContainer = container.querySelectorAll('[data-name="stacked-slides-container"]');
+  t.truthy(elementExists(stackedSlidesContainer));
+  await clickAllSlides(t, container);
+  await waitForRevisionEndChanges();
+  stackedSlidesContainer = container.querySelectorAll('[data-name="stacked-slides-container"]');
+  t.falsy(elementExists(stackedSlidesContainer));
+  t.pass();
+});
+
+_ava.default.serial('should validate all the slides except the last one, retry and pass', async t => {
+  const {
+    container
+  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, _extends({}, _onlyOnceOnLastSlide.default.props, {
+    key: 1
+  })));
+  const wrapper = container.querySelectorAll('[data-name="slides-revision-container"]');
+  t.truthy(wrapper);
+  const stackedSlidesContainer = container.querySelectorAll('[data-name="stacked-slides-container"]');
+  t.truthy(elementExists(stackedSlidesContainer)); // loop once
+
+  await clickAllSlides(t, container); // fail the first slide again (the other slides are passed)
+
+  const validateButton = container.querySelectorAll('[data-name="slide-validate-button-0"]');
+  t.truthy(elementExists(validateButton));
+  await (0, _react2.act)(async () => {
+    await _react2.fireEvent.click(validateButton[0]);
+  });
+  t.pass();
+});
+
+_ava.default.serial('should fail all the slides && still find the stacked slides after', async t => {
+  const {
+    container
+  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, _extends({}, _failure.default.props, {
+    key: 2
+  })));
+  const wrapper = container.querySelectorAll('[data-name="slides-revision-container"]');
+  t.truthy(wrapper);
+  let stackedSlidesContainer = container.querySelectorAll('[data-name="stacked-slides-container"]');
+  t.truthy(elementExists(stackedSlidesContainer)); // loop once
+
+  await clickAllSlides(t, container); // fail the first slide again (all the other slides are also on fail state)
+
+  const validateButton = container.querySelectorAll('[data-name="slide-validate-button-0"]');
+  t.truthy(elementExists(validateButton));
+  await (0, _react2.act)(async () => {
+    await _react2.fireEvent.click(validateButton[0]);
+  });
+  stackedSlidesContainer = container.querySelectorAll('[data-name="stacked-slides-container"]');
+  t.truthy(elementExists(stackedSlidesContainer));
+  t.pass();
+});
+
+_ava.default.serial('should end Revision on signal && unmount the stacked slides after', async t => {
+  t.plan(6);
+
+  const onValidateClick = () => {
+    t.pass();
+    return Promise.resolve({
+      validationResult: 'failure',
+      nextSlide: {
+        question: 'Other question?',
+        answer: qcmDrag
+      },
+      endReview: true
+    });
+  };
+
+  const props = _extends(_extends({}, _failure.default.props), {}, {
+    validate: {
+      label: _failure.default.props.validate.label,
+      onClick: onValidateClick
+    }
+  });
+
+  const {
+    container
+  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, _extends({}, props, {
+    key: 3
+  })));
+  const wrapper = container.querySelectorAll('[data-name="slides-revision-container"]');
+  t.truthy(wrapper);
+  let stackedSlidesContainer = container.querySelectorAll('[data-name="stacked-slides-container"]');
+  t.truthy(elementExists(stackedSlidesContainer));
+  const validateButton = container.querySelectorAll('[data-name="slide-validate-button-0"]');
+  t.truthy(elementExists(validateButton));
+  await (0, _react2.act)(async () => {
+    await _react2.fireEvent.click(validateButton[0]);
+  });
+  await waitForRevisionEndChanges();
+  stackedSlidesContainer = container.querySelectorAll('[data-name="stacked-slides-container"]');
+  t.falsy(elementExists(stackedSlidesContainer));
+  t.pass();
+});
+//# sourceMappingURL=slides-review.js.map

package/lib/template/slides-review/test/slides-review.js.map

@@ -0,0 +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/lib/util/render-with-context.js

@@ -0,0 +1,49 @@
+"use strict";
+
+exports.__esModule = true;
+exports.renderWithContext = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react2 = require("@testing-library/react");
+
+var _translate = require("@coorpacademy/translate");
+
+var _provider = _interopRequireDefault(require("../atom/provider"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+const renderWithContext = (component, _ref) => {
+  let {
+    context
+  } = _ref,
+      renderOptions = _objectWithoutPropertiesLoose(_ref, ["context"]);
+
+  // uses mockTranslate as a default translate function
+  const {
+    translate = _translate.mockTranslate
+  } = context,
+        rest = _objectWithoutPropertiesLoose(context, ["translate"]);
+
+  const wrapper = ({
+    children
+  }) => /*#__PURE__*/_react.default.createElement(_provider.default, _extends({}, rest, {
+    translate: translate
+  }), children);
+
+  wrapper.propTypes = process.env.NODE_ENV !== "production" ? {
+    children: _propTypes.default.node
+  } : {};
+  return (0, _react2.render)(component, _extends(_extends({}, renderOptions), {}, {
+    wrapper
+  }));
+};
+
+exports.renderWithContext = renderWithContext;
+//# sourceMappingURL=render-with-context.js.map

package/lib/util/render-with-context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/util/render-with-context.js"],"names":["renderWithContext","component","context","renderOptions","translate","mockTranslate","rest","wrapper","children","propTypes","PropTypes","node"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEO,MAAMA,iBAAiB,GAAG,CAACC,SAAD,WAA4C;AAAA,MAAhC;AAACC,IAAAA;AAAD,GAAgC;AAAA,MAAnBC,aAAmB;;AAC3E;AACA,QAAM;AAACC,IAAAA,SAAS,GAAGC;AAAb,MAAuCH,OAA7C;AAAA,QAAqCI,IAArC,iCAA6CJ,OAA7C;;AAEA,QAAMK,OAAO,GAAG,CAAC;AAACC,IAAAA;AAAD,GAAD,kBACd,6BAAC,iBAAD,eAAcF,IAAd;AAAoB,IAAA,SAAS,EAAEF;AAA/B,MACGI,QADH,CADF;;AAMAD,EAAAA,OAAO,CAACE,SAAR,2CAAoB;AAClBD,IAAAA,QAAQ,EAAEE,mBAAUC;AADF,GAApB;AAIA,SAAO,oBAAOV,SAAP,wBACFE,aADE;AAELI,IAAAA;AAFK,KAAP;AAID,CAlBM","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {render} from '@testing-library/react';\nimport {mockTranslate} from '@coorpacademy/translate';\nimport Provider from '../atom/provider';\n\nexport const renderWithContext = (component, {context, ...renderOptions}) => {\n  // uses mockTranslate as a default translate function\n  const {translate = mockTranslate, ...rest} = context;\n\n  const wrapper = ({children}) => (\n    <Provider {...rest} translate={translate}>\n      {children}\n    </Provider>\n  );\n\n  wrapper.propTypes = {\n    children: PropTypes.node\n  };\n\n  return render(component, {\n    ...renderOptions,\n    wrapper\n  });\n};\n"],"file":"render-with-context.js"}

package/lib/util/test/render-with-context.js

@@ -0,0 +1,103 @@
+"use strict";
+
+var _browserEnv = _interopRequireDefault(require("browser-env"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _translate = require("@coorpacademy/translate");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _getOr = _interopRequireDefault(require("lodash/fp/getOr"));
+
+var _renderWithContext = require("../render-with-context");
+
+var _provider = _interopRequireDefault(require("../../atom/provider"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _browserEnv.default)();
+
+const TestComponent = (props, context) => {
+  const {
+    skin,
+    translate
+  } = context;
+  const {
+    label,
+    expectedPrimaryColor,
+    _test
+  } = props;
+  const primary = (0, _getOr.default)(null, 'common.primary', skin);
+
+  _test.is(primary, expectedPrimaryColor);
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-name": "test-component"
+  }, translate(label));
+};
+
+TestComponent.propTypes = process.env.NODE_ENV !== "production" ? {
+  label: _propTypes.default.string,
+  expectedPrimaryColor: _propTypes.default.string,
+  // eslint-disable-next-line react/forbid-prop-types
+  _test: _propTypes.default.object
+} : {};
+TestComponent.contextTypes = {
+  translate: _provider.default.childContextTypes.translate,
+  skin: _provider.default.childContextTypes.skin
+};
+(0, _ava.default)('should use default context if the context is empty', t => {
+  t.plan(4);
+  const expectedPrimaryColor = '#00B0FF';
+  const props = {
+    label: 'test-label',
+    expectedPrimaryColor,
+    _test: t
+  };
+  const {
+    container
+  } = (0, _renderWithContext.renderWithContext)( /*#__PURE__*/_react.default.createElement(TestComponent, props), {
+    context: {}
+  });
+  const element = container.querySelector('[data-name="test-component"]');
+  t.truthy(element);
+  t.is(element.textContent, (0, _translate.mockTranslate)(props.label));
+  t.pass();
+});
+(0, _ava.default)('should use given context', t => {
+  t.plan(6);
+  const skin = {
+    common: {
+      primary: '#0091EA'
+    }
+  };
+
+  const translate = key => {
+    t.pass();
+    return key;
+  };
+
+  const expectedPrimaryColor = '#0091EA';
+  const props = {
+    label: 'test-label',
+    expectedPrimaryColor,
+    _test: t
+  };
+  const {
+    container
+  } = (0, _renderWithContext.renderWithContext)( /*#__PURE__*/_react.default.createElement(TestComponent, props), {
+    context: {
+      skin,
+      translate
+    }
+  });
+  const element = container.querySelector('[data-name="test-component"]');
+  t.truthy(element);
+  t.not(element.textContent, (0, _translate.mockTranslate)(props.label));
+  t.is(element.textContent, props.label);
+  t.pass();
+});
+//# sourceMappingURL=render-with-context.js.map

package/lib/util/test/render-with-context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/util/test/render-with-context.js"],"names":["TestComponent","props","context","skin","translate","label","expectedPrimaryColor","_test","primary","is","propTypes","PropTypes","string","object","contextTypes","Provider","childContextTypes","t","plan","container","element","querySelector","truthy","textContent","pass","common","key","not"],"mappings":"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","sourcesContent":["import browserEnv from 'browser-env';\nimport React from 'react';\nimport test from 'ava';\nimport {mockTranslate} from '@coorpacademy/translate';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport {renderWithContext} from '../render-with-context';\nimport Provider from '../../atom/provider';\n\nbrowserEnv();\n\nconst TestComponent = (props, context) => {\n  const {skin, translate} = context;\n  const {label, expectedPrimaryColor, _test} = props;\n\n  const primary = getOr(null, 'common.primary', skin);\n  _test.is(primary, expectedPrimaryColor);\n  return <div data-name=\"test-component\">{translate(label)}</div>;\n};\n\nTestComponent.propTypes = {\n  label: PropTypes.string,\n  expectedPrimaryColor: PropTypes.string,\n  // eslint-disable-next-line react/forbid-prop-types\n  _test: PropTypes.object\n};\n\nTestComponent.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\ntest('should use default context if the context is empty', t => {\n  t.plan(4);\n  const expectedPrimaryColor = '#00B0FF';\n\n  const props = {\n    label: 'test-label',\n    expectedPrimaryColor,\n    _test: t\n  };\n\n  const {container} = renderWithContext(<TestComponent {...props} />, {\n    context: {}\n  });\n\n  const element = container.querySelector('[data-name=\"test-component\"]');\n\n  t.truthy(element);\n\n  t.is(element.textContent, mockTranslate(props.label));\n\n  t.pass();\n});\n\ntest('should use given context', t => {\n  t.plan(6);\n  const skin = {\n    common: {\n      primary: '#0091EA'\n    }\n  };\n\n  const translate = key => {\n    t.pass();\n    return key;\n  };\n\n  const expectedPrimaryColor = '#0091EA';\n\n  const props = {\n    label: 'test-label',\n    expectedPrimaryColor,\n    _test: t\n  };\n\n  const {container} = renderWithContext(<TestComponent {...props} />, {\n    context: {\n      skin,\n      translate\n    }\n  });\n\n  const element = container.querySelector('[data-name=\"test-component\"]');\n\n  t.truthy(element);\n\n  t.not(element.textContent, mockTranslate(props.label));\n\n  t.is(element.textContent, props.label);\n\n  t.pass();\n});\n"],"file":"render-with-context.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "10.19.1",
+  "version": "10.19.4",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -122,5 +122,5 @@
     "webpack-hot-middleware": "^2.25.0"
   },
   "author": "CoorpAcademy",
-  "gitHead": "01ca5ad70c6e5fb3e580f7bef5e0fc05d5524ef8"
+  "gitHead": "81558b7380fa7d74e0f5a9f6ff1100b2a8121707"
 }