@coorpacademy/components 10.19.1 → 10.19.4

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

@@ -0,0 +1,147 @@
+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); }
+
+import browserEnv from 'browser-env';
+import test from 'ava';
+import React from 'react';
+import { render, fireEvent, act } from '@testing-library/react';
+import SlidesReview from '..';
+import AnswerQCMDrag from '../../../molecule/answer/test/fixtures/qcm-drag';
+import successFixture from './fixtures/success';
+import failureFixture from './fixtures/failure';
+import failOnceOnLastSlideFixture from './fixtures/only-once-on-last-slide';
+browserEnv({
+  pretendToBeVisual: true
+});
+
+const elementExists = foundElements => foundElements && foundElements[0];
+
+const sleep = msToSleep => new Promise(resolve => setTimeout(resolve, msToSleep));
+
+const waitForRevisionEndChanges = async () => {
+  await act(async () => {
+    await sleep(2500); // wait *just* a little longer than the timeout in the component
+  });
+};
+
+const qcmDrag = AnswerQCMDrag.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 act(async () => {
+    await sleep(2000);
+  });
+  const validateButton = container.querySelectorAll(`[data-name="slide-validate-button-${accumulator}"]`);
+  t.truthy(elementExists(validateButton));
+  await act(async () => {
+    await fireEvent.click(validateButton[0]);
+  });
+  const nextButton = container.querySelectorAll(`[data-name="next-question-button-${accumulator}"]`);
+  t.truthy(elementExists(nextButton));
+  await act(async () => {
+    await fireEvent.click(nextButton[0]);
+  });
+  await clickAllSlides(t, container, accumulator + 1);
+};
+
+test.serial('should validate all the slides && unmount the stacked slides after', async t => {
+  const {
+    container
+  } = render( /*#__PURE__*/React.createElement(SlidesReview, _extends({}, successFixture.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();
+});
+test.serial('should validate all the slides except the last one, retry and pass', async t => {
+  const {
+    container
+  } = render( /*#__PURE__*/React.createElement(SlidesReview, _extends({}, failOnceOnLastSlideFixture.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 act(async () => {
+    await fireEvent.click(validateButton[0]);
+  });
+  t.pass();
+});
+test.serial('should fail all the slides && still find the stacked slides after', async t => {
+  const {
+    container
+  } = render( /*#__PURE__*/React.createElement(SlidesReview, _extends({}, failureFixture.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 act(async () => {
+    await fireEvent.click(validateButton[0]);
+  });
+  stackedSlidesContainer = container.querySelectorAll('[data-name="stacked-slides-container"]');
+  t.truthy(elementExists(stackedSlidesContainer));
+  t.pass();
+});
+test.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({}, failureFixture.props), {}, {
+    validate: {
+      label: failureFixture.props.validate.label,
+      onClick: onValidateClick
+    }
+  });
+
+  const {
+    container
+  } = render( /*#__PURE__*/React.createElement(SlidesReview, _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 act(async () => {
+    await 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/es/template/slides-review/test/slides-review.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/template/slides-review/test/slides-review.js"],"names":["browserEnv","test","React","render","fireEvent","act","SlidesReview","AnswerQCMDrag","successFixture","failureFixture","failOnceOnLastSlideFixture","pretendToBeVisual","elementExists","foundElements","sleep","msToSleep","Promise","resolve","setTimeout","waitForRevisionEndChanges","qcmDrag","props","LIMIT","clickAllSlides","t","container","accumulator","validateButton","querySelectorAll","truthy","click","nextButton","serial","wrapper","stackedSlidesContainer","falsy","pass","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/es/util/render-with-context.js

@@ -0,0 +1,35 @@
+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; }
+
+import React from 'react';
+import PropTypes from 'prop-types';
+import { render } from '@testing-library/react';
+import { mockTranslate } from '@coorpacademy/translate';
+import Provider from '../atom/provider';
+export const renderWithContext = (component, _ref) => {
+  let {
+    context
+  } = _ref,
+      renderOptions = _objectWithoutPropertiesLoose(_ref, ["context"]);
+
+  // uses mockTranslate as a default translate function
+  const {
+    translate = mockTranslate
+  } = context,
+        rest = _objectWithoutPropertiesLoose(context, ["translate"]);
+
+  const wrapper = ({
+    children
+  }) => /*#__PURE__*/React.createElement(Provider, _extends({}, rest, {
+    translate: translate
+  }), children);
+
+  wrapper.propTypes = process.env.NODE_ENV !== "production" ? {
+    children: PropTypes.node
+  } : {};
+  return render(component, _extends(_extends({}, renderOptions), {}, {
+    wrapper
+  }));
+};
+//# sourceMappingURL=render-with-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/util/render-with-context.js"],"names":["React","PropTypes","render","mockTranslate","Provider","renderWithContext","component","context","renderOptions","translate","rest","wrapper","children","propTypes","node"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,MAAR,QAAqB,wBAArB;AACA,SAAQC,aAAR,QAA4B,yBAA5B;AACA,OAAOC,QAAP,MAAqB,kBAArB;AAEA,OAAO,MAAMC,iBAAiB,GAAG,CAACC,SAAD,WAA4C;AAAA,MAAhC;AAACC,IAAAA;AAAD,GAAgC;AAAA,MAAnBC,aAAmB;;AAC3E;AACA,QAAM;AAACC,IAAAA,SAAS,GAAGN;AAAb,MAAuCI,OAA7C;AAAA,QAAqCG,IAArC,iCAA6CH,OAA7C;;AAEA,QAAMI,OAAO,GAAG,CAAC;AAACC,IAAAA;AAAD,GAAD,kBACd,oBAAC,QAAD,eAAcF,IAAd;AAAoB,IAAA,SAAS,EAAED;AAA/B,MACGG,QADH,CADF;;AAMAD,EAAAA,OAAO,CAACE,SAAR,2CAAoB;AAClBD,IAAAA,QAAQ,EAAEX,SAAS,CAACa;AADF,GAApB;AAIA,SAAOZ,MAAM,CAACI,SAAD,wBACRE,aADQ;AAEXG,IAAAA;AAFW,KAAb;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/es/util/test/render-with-context.js

@@ -0,0 +1,91 @@
+import browserEnv from 'browser-env';
+import React from 'react';
+import test from 'ava';
+import { mockTranslate } from '@coorpacademy/translate';
+import PropTypes from 'prop-types';
+import getOr from 'lodash/fp/getOr';
+import { renderWithContext } from '../render-with-context';
+import Provider from '../../atom/provider';
+browserEnv();
+
+const TestComponent = (props, context) => {
+  const {
+    skin,
+    translate
+  } = context;
+  const {
+    label,
+    expectedPrimaryColor,
+    _test
+  } = props;
+  const primary = getOr(null, 'common.primary', skin);
+
+  _test.is(primary, expectedPrimaryColor);
+
+  return /*#__PURE__*/React.createElement("div", {
+    "data-name": "test-component"
+  }, translate(label));
+};
+
+TestComponent.propTypes = process.env.NODE_ENV !== "production" ? {
+  label: PropTypes.string,
+  expectedPrimaryColor: PropTypes.string,
+  // eslint-disable-next-line react/forbid-prop-types
+  _test: PropTypes.object
+} : {};
+TestComponent.contextTypes = {
+  translate: Provider.childContextTypes.translate,
+  skin: Provider.childContextTypes.skin
+};
+test('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
+  } = renderWithContext( /*#__PURE__*/React.createElement(TestComponent, props), {
+    context: {}
+  });
+  const element = container.querySelector('[data-name="test-component"]');
+  t.truthy(element);
+  t.is(element.textContent, mockTranslate(props.label));
+  t.pass();
+});
+test('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
+  } = renderWithContext( /*#__PURE__*/React.createElement(TestComponent, props), {
+    context: {
+      skin,
+      translate
+    }
+  });
+  const element = container.querySelector('[data-name="test-component"]');
+  t.truthy(element);
+  t.not(element.textContent, mockTranslate(props.label));
+  t.is(element.textContent, props.label);
+  t.pass();
+});
+//# sourceMappingURL=render-with-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/util/test/render-with-context.js"],"names":["browserEnv","React","test","mockTranslate","PropTypes","getOr","renderWithContext","Provider","TestComponent","props","context","skin","translate","label","expectedPrimaryColor","_test","primary","is","propTypes","string","object","contextTypes","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/lib/atom/button-link-icon-only/test/button-link-icon-only.js

@@ -1,16 +1,12 @@
 "use strict";
 
-var _identity2 = _interopRequireDefault(require("lodash/fp/identity"));
-
 var _browserEnv = _interopRequireDefault(require("browser-env"));
 
 var _ava = _interopRequireDefault(require("ava"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _enzyme = require("enzyme");
-
-var _enzymeAdapterReact = _interopRequireDefault(require("enzyme-adapter-react-16"));
+var _react2 = require("@testing-library/react");
 
 var _ = _interopRequireDefault(require(".."));
 
@@ -21,31 +17,31 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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)();
-(0, _enzyme.configure)({
-  adapter: new _enzymeAdapterReact.default()
-});
-const translate = _identity2.default;
 (0, _ava.default)('should launch onClick on click event for ButtonLinkIconOnly', t => {
-  const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_.default, _buttonIconBullet.default.props), {
-    context: {
-      translate
-    }
+  t.plan(3);
+
+  const props = _extends(_extends({}, _buttonIconBullet.default.props), {}, {
+    onClick: () => t.pass()
   });
-  const button = wrapper.find('[data-name="bullet-button"]');
-  t.true(button.exists());
-  button.first().simulate('click', {});
+
+  const {
+    container
+  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, props));
+  const bulletButton = container.querySelector('[data-name="bullet-button"]');
+  t.truthy(bulletButton);
+
+  _react2.fireEvent.click(bulletButton);
+
   t.pass();
 });
 (0, _ava.default)('should mount ButtonLinkIconOnly even if the className does not exist', t => {
-  const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_.default, _extends({}, _buttonIconBullet.default.props, {
+  const {
+    container
+  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, _extends({}, _buttonIconBullet.default.props, {
     className: 'noClass'
-  })), {
-    context: {
-      translate
-    }
-  });
-  const button = wrapper.find('[data-name="bullet-button"]');
-  t.true(button.exists());
+  })));
+  const bulletButton = container.querySelector('[data-name="bullet-button"]');
+  t.truthy(bulletButton);
   t.pass();
 });
 //# sourceMappingURL=button-link-icon-only.js.map

package/lib/atom/button-link-icon-only/test/button-link-icon-only.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/atom/button-link-icon-only/test/button-link-icon-only.js"],"names":["adapter","Adapter","translate","t","wrapper","defaultFixture","props","context","button","find","true","exists","first","simulate","pass"],"mappings":";;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAEA;AACA,uBAAU;AAACA,EAAAA,OAAO,EAAE,IAAIC,2BAAJ;AAAV,CAAV;AACA,MAAMC,SAAS,qBAAf;AAEA,kBAAK,6DAAL,EAAoEC,CAAC,IAAI;AACvE,QAAMC,OAAO,GAAG,mCAAQ,6BAAC,SAAD,EAAwBC,0BAAeC,KAAvC,CAAR,EAA0D;AACxEC,IAAAA,OAAO,EAAE;AAACL,MAAAA;AAAD;AAD+D,GAA1D,CAAhB;AAGA,QAAMM,MAAM,GAAGJ,OAAO,CAACK,IAAR,CAAa,6BAAb,CAAf;AACAN,EAAAA,CAAC,CAACO,IAAF,CAAOF,MAAM,CAACG,MAAP,EAAP;AACAH,EAAAA,MAAM,CAACI,KAAP,GAAeC,QAAf,CAAwB,OAAxB,EAAiC,EAAjC;AACAV,EAAAA,CAAC,CAACW,IAAF;AACD,CARD;AAUA,kBAAK,sEAAL,EAA6EX,CAAC,IAAI;AAChF,QAAMC,OAAO,GAAG,mCAAQ,6BAAC,SAAD,eAAwBC,0BAAeC,KAAvC;AAA8C,IAAA,SAAS,EAAE;AAAzD,KAAR,EAAgF;AAC9FC,IAAAA,OAAO,EAAE;AAACL,MAAAA;AAAD;AADqF,GAAhF,CAAhB;AAGA,QAAMM,MAAM,GAAGJ,OAAO,CAACK,IAAR,CAAa,6BAAb,CAAf;AACAN,EAAAA,CAAC,CAACO,IAAF,CAAOF,MAAM,CAACG,MAAP,EAAP;AACAR,EAAAA,CAAC,CAACW,IAAF;AACD,CAPD","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {shallow, configure} from 'enzyme';\nimport {identity} from 'lodash/fp';\nimport Adapter from 'enzyme-adapter-react-16';\nimport ButtonLinkIconOnly from '..';\nimport defaultFixture from './fixtures/button-icon-bullet';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\nconst translate = identity;\n\ntest('should launch onClick on click event for ButtonLinkIconOnly', t => {\n  const wrapper = shallow(<ButtonLinkIconOnly {...defaultFixture.props} />, {\n    context: {translate}\n  });\n  const button = wrapper.find('[data-name=\"bullet-button\"]');\n  t.true(button.exists());\n  button.first().simulate('click', {});\n  t.pass();\n});\n\ntest('should mount ButtonLinkIconOnly even if the className does not exist', t => {\n  const wrapper = shallow(<ButtonLinkIconOnly {...defaultFixture.props} className={'noClass'} />, {\n    context: {translate}\n  });\n  const button = wrapper.find('[data-name=\"bullet-button\"]');\n  t.true(button.exists());\n  t.pass();\n});\n"],"file":"button-link-icon-only.js"}
+{"version":3,"sources":["../../../../src/atom/button-link-icon-only/test/button-link-icon-only.js"],"names":["t","plan","props","defaultFixture","onClick","pass","container","bulletButton","querySelector","truthy","fireEvent","click"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA;AAEA,kBAAK,6DAAL,EAAoEA,CAAC,IAAI;AACvEA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;;AAEA,QAAMC,KAAK,yBACNC,0BAAeD,KADT;AAETE,IAAAA,OAAO,EAAE,MAAMJ,CAAC,CAACK,IAAF;AAFN,IAAX;;AAKA,QAAM;AAACC,IAAAA;AAAD,MAAc,kCAAO,6BAAC,SAAD,EAAwBJ,KAAxB,CAAP,CAApB;AAEA,QAAMK,YAAY,GAAGD,SAAS,CAACE,aAAV,CAAwB,6BAAxB,CAArB;AACAR,EAAAA,CAAC,CAACS,MAAF,CAASF,YAAT;;AAEAG,oBAAUC,KAAV,CAAgBJ,YAAhB;;AAEAP,EAAAA,CAAC,CAACK,IAAF;AACD,CAhBD;AAkBA,kBAAK,sEAAL,EAA6EL,CAAC,IAAI;AAChF,QAAM;AAACM,IAAAA;AAAD,MAAc,kCAClB,6BAAC,SAAD,eAAwBH,0BAAeD,KAAvC;AAA8C,IAAA,SAAS,EAAE;AAAzD,KADkB,CAApB;AAIA,QAAMK,YAAY,GAAGD,SAAS,CAACE,aAAV,CAAwB,6BAAxB,CAArB;AACAR,EAAAA,CAAC,CAACS,MAAF,CAASF,YAAT;AAEAP,EAAAA,CAAC,CAACK,IAAF;AACD,CATD","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {render, fireEvent} from '@testing-library/react';\nimport ButtonLinkIconOnly from '..';\nimport defaultFixture from './fixtures/button-icon-bullet';\n\nbrowserEnv();\n\ntest('should launch onClick on click event for ButtonLinkIconOnly', t => {\n  t.plan(3);\n\n  const props = {\n    ...defaultFixture.props,\n    onClick: () => t.pass()\n  };\n\n  const {container} = render(<ButtonLinkIconOnly {...props} />);\n\n  const bulletButton = container.querySelector('[data-name=\"bullet-button\"]');\n  t.truthy(bulletButton);\n\n  fireEvent.click(bulletButton);\n\n  t.pass();\n});\n\ntest('should mount ButtonLinkIconOnly even if the className does not exist', t => {\n  const {container} = render(\n    <ButtonLinkIconOnly {...defaultFixture.props} className={'noClass'} />\n  );\n\n  const bulletButton = container.querySelector('[data-name=\"bullet-button\"]');\n  t.truthy(bulletButton);\n\n  t.pass();\n});\n"],"file":"button-link-icon-only.js"}

package/lib/atom/checkbox/index.js

@@ -5,61 +5,49 @@ exports.default = void 0;
 
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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; }
 
-class Checkbox extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    const {
-      checked
-    } = props;
-    this.state = {
-      checked
-    };
-    this.handleChangeBound = this.handleChange.bind(this);
-  }
+const Checkbox = props => {
+  const {
+    checked,
+    onChange = _noop2.default,
+    type = 'checkbox'
+  } = props,
+        rest = _objectWithoutPropertiesLoose(props, ["checked", "onChange", "type"]);
 
-  handleChange(e) {
-    const {
-      onChange = _noop2.default
-    } = this.props;
+  const [_checked, setChecked] = (0, _react.useState)(checked);
+  const handleChange = (0, _react.useCallback)(e => {
     onChange(e.target.checked);
-    this.setState({
-      checked: e.target.checked
-    });
-  }
-
-  render() {
-    const {
-      props,
-      state,
-      'data-name': dataName
-    } = this;
-    return /*#__PURE__*/_react.default.createElement("input", _extends({}, props, state, {
-      type: "checkbox",
-      "data-name": dataName,
-      onChange: this.handleChangeBound
-    }));
-  }
-
-}
-
-_defineProperty(Checkbox, "defaultProps", {
-  onChange: _noop2.default
-});
+    setChecked(!_checked);
+  }, [_checked, onChange]);
+  return /*#__PURE__*/_react.default.createElement("input", _extends({}, rest, {
+    checked: _checked,
+    type: type,
+    onChange: handleChange
+  }));
+};
 
 Checkbox.propTypes = process.env.NODE_ENV !== "production" ? {
   checked: _propTypes.default.bool,
   onChange: _propTypes.default.func,
-  'data-name': _propTypes.default.string
+  title: _propTypes.default.string,
+  type: _propTypes.default.string,
+  required: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
+  'data-name': _propTypes.default.string,
+  'aria-label': _propTypes.default.string
 } : {};
 var _default = Checkbox;
 exports.default = _default;

package/lib/atom/checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/checkbox/index.js"],"names":["Checkbox","React","Component","constructor","props","checked","state","handleChangeBound","handleChange","bind","e","onChange","target","setState","render","dataName","propTypes","PropTypes","bool","func","string"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAGA,MAAMA,QAAN,SAAuBC,eAAMC,SAA7B,CAAuC;AAWrCC,EAAAA,WAAW,CAACC,KAAD,EAAQ;AACjB,UAAMA,KAAN;AACA,UAAM;AAACC,MAAAA;AAAD,QAAYD,KAAlB;AACA,SAAKE,KAAL,GAAa;AAACD,MAAAA;AAAD,KAAb;AACA,SAAKE,iBAAL,GAAyB,KAAKC,YAAL,CAAkBC,IAAlB,CAAuB,IAAvB,CAAzB;AACD;;AAEDD,EAAAA,YAAY,CAACE,CAAD,EAAI;AACd,UAAM;AAACC,MAAAA,QAAQ;AAAT,QAAoB,KAAKP,KAA/B;AACAO,IAAAA,QAAQ,CAACD,CAAC,CAACE,MAAF,CAASP,OAAV,CAAR;AACA,SAAKQ,QAAL,CAAc;AACZR,MAAAA,OAAO,EAAEK,CAAC,CAACE,MAAF,CAASP;AADN,KAAd;AAGD;;AAEDS,EAAAA,MAAM,GAAG;AACP,UAAM;AAACV,MAAAA,KAAD;AAAQE,MAAAA,KAAR;AAAe,mBAAaS;AAA5B,QAAwC,IAA9C;AACA,wBACE,mDACMX,KADN,EAEME,KAFN;AAGE,MAAA,IAAI,EAAC,UAHP;AAIE,mBAAWS,QAJb;AAKE,MAAA,QAAQ,EAAE,KAAKR;AALjB,OADF;AASD;;AArCoC;;gBAAjCP,Q,kBAOkB;AACpBW,EAAAA,QAAQ;AADY,C;;AAPlBX,Q,CACGgB,S,2CAAY;AACjBX,EAAAA,OAAO,EAAEY,mBAAUC,IADF;AAEjBP,EAAAA,QAAQ,EAAEM,mBAAUE,IAFH;AAGjB,eAAaF,mBAAUG;AAHN,C;eAuCNpB,Q","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop} from 'lodash/fp';\n\nclass Checkbox extends React.Component {\n  static propTypes = {\n    checked: PropTypes.bool,\n    onChange: PropTypes.func,\n    'data-name': PropTypes.string\n  };\n\n  static defaultProps = {\n    onChange: noop\n  };\n\n  constructor(props) {\n    super(props);\n    const {checked} = props;\n    this.state = {checked};\n    this.handleChangeBound = this.handleChange.bind(this);\n  }\n\n  handleChange(e) {\n    const {onChange = noop} = this.props;\n    onChange(e.target.checked);\n    this.setState({\n      checked: e.target.checked\n    });\n  }\n\n  render() {\n    const {props, state, 'data-name': dataName} = this;\n    return (\n      <input\n        {...props}\n        {...state}\n        type=\"checkbox\"\n        data-name={dataName}\n        onChange={this.handleChangeBound}\n      />\n    );\n  }\n}\n\nexport default Checkbox;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/checkbox/index.js"],"names":["Checkbox","props","checked","onChange","type","rest","_checked","setChecked","handleChange","e","target","propTypes","PropTypes","bool","func","title","string","required","disabled"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;;;;;AAGA,MAAMA,QAAQ,GAAGC,KAAK,IAAI;AACxB,QAAM;AAACC,IAAAA,OAAD;AAAUC,IAAAA,QAAQ,iBAAlB;AAA2BC,IAAAA,IAAI,GAAG;AAAlC,MAAyDH,KAA/D;AAAA,QAAuDI,IAAvD,iCAA+DJ,KAA/D;;AACA,QAAM,CAACK,QAAD,EAAWC,UAAX,IAAyB,qBAASL,OAAT,CAA/B;AAEA,QAAMM,YAAY,GAAG,wBACnBC,CAAC,IAAI;AACHN,IAAAA,QAAQ,CAACM,CAAC,CAACC,MAAF,CAASR,OAAV,CAAR;AACAK,IAAAA,UAAU,CAAC,CAACD,QAAF,CAAV;AACD,GAJkB,EAKnB,CAACA,QAAD,EAAWH,QAAX,CALmB,CAArB;AAQA,sBAAO,mDAAWE,IAAX;AAAiB,IAAA,OAAO,EAAEC,QAA1B;AAAoC,IAAA,IAAI,EAAEF,IAA1C;AAAgD,IAAA,QAAQ,EAAEI;AAA1D,KAAP;AACD,CAbD;;AAeAR,QAAQ,CAACW,SAAT,2CAAqB;AACnBT,EAAAA,OAAO,EAAEU,mBAAUC,IADA;AAEnBV,EAAAA,QAAQ,EAAES,mBAAUE,IAFD;AAGnBC,EAAAA,KAAK,EAAEH,mBAAUI,MAHE;AAInBZ,EAAAA,IAAI,EAAEQ,mBAAUI,MAJG;AAKnBC,EAAAA,QAAQ,EAAEL,mBAAUC,IALD;AAMnBK,EAAAA,QAAQ,EAAEN,mBAAUC,IAND;AAOnB,eAAaD,mBAAUI,MAPJ;AAQnB,gBAAcJ,mBAAUI;AARL,CAArB;eAWehB,Q","sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop} from 'lodash/fp';\n\nconst Checkbox = props => {\n  const {checked, onChange = noop, type = 'checkbox', ...rest} = props;\n  const [_checked, setChecked] = useState(checked);\n\n  const handleChange = useCallback(\n    e => {\n      onChange(e.target.checked);\n      setChecked(!_checked);\n    },\n    [_checked, onChange]\n  );\n\n  return <input {...rest} checked={_checked} type={type} onChange={handleChange} />;\n};\n\nCheckbox.propTypes = {\n  checked: PropTypes.bool,\n  onChange: PropTypes.func,\n  title: PropTypes.string,\n  type: PropTypes.string,\n  required: PropTypes.bool,\n  disabled: PropTypes.bool,\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string\n};\n\nexport default Checkbox;\n"],"file":"index.js"}

package/lib/atom/checkbox/test/fixtures/default.js

@@ -7,7 +7,8 @@ var _default = {
     type: 'checkbox',
     title: 'OK',
     checked: false,
-    onChange: value => console.log(value)
+    'aria-label': 'checkbox-aria-label',
+    onChange: value => console.log('onChange', value)
   }
 };
 exports.default = _default;

package/lib/atom/checkbox/test/fixtures/default.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/atom/checkbox/test/fixtures/default.js"],"names":["props","type","title","checked","onChange","value","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,UADD;AAELC,IAAAA,KAAK,EAAE,IAFF;AAGLC,IAAAA,OAAO,EAAE,KAHJ;AAILC,IAAAA,QAAQ,EAAEC,KAAK,IAAIC,OAAO,CAACC,GAAR,CAAYF,KAAZ;AAJd;AADM,C","sourcesContent":["export default {\n  props: {\n    type: 'checkbox',\n    title: 'OK',\n    checked: false,\n    onChange: value => console.log(value)\n  }\n};\n"],"file":"default.js"}
+{"version":3,"sources":["../../../../../src/atom/checkbox/test/fixtures/default.js"],"names":["props","type","title","checked","onChange","value","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,UADD;AAELC,IAAAA,KAAK,EAAE,IAFF;AAGLC,IAAAA,OAAO,EAAE,KAHJ;AAIL,kBAAc,qBAJT;AAKLC,IAAAA,QAAQ,EAAEC,KAAK,IAAIC,OAAO,CAACC,GAAR,CAAY,UAAZ,EAAwBF,KAAxB;AALd;AADM,C","sourcesContent":["export default {\n  props: {\n    type: 'checkbox',\n    title: 'OK',\n    checked: false,\n    'aria-label': 'checkbox-aria-label',\n    onChange: value => console.log('onChange', value)\n  }\n};\n"],"file":"default.js"}

package/lib/atom/checkbox/test/on-change.js

@@ -6,43 +6,49 @@ var _ava = _interopRequireDefault(require("ava"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _enzyme = require("enzyme");
-
-var _enzymeAdapterReact = _interopRequireDefault(require("enzyme-adapter-react-16"));
+var _react2 = require("@testing-library/react");
 
 var _ = _interopRequireDefault(require(".."));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 (0, _browserEnv.default)();
-(0, _enzyme.configure)({
-  adapter: new _enzymeAdapterReact.default()
-});
 (0, _ava.default)('should call the onChange function and toggle the value on change', t => {
-  t.plan(5);
+  t.plan(6);
   const expectedOnChangeValues = [false, true];
 
   const onChange = value => {
     t.is(value, expectedOnChangeValues.shift());
   };
 
-  const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_.default, {
+  const dataName = 'check-box';
+  const {
+    container
+  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
     checked: true,
-    onChange: onChange
+    onChange: onChange,
+    "data-name": dataName
+  }));
+  const checkBox = container.querySelector(`[data-name="${dataName}"]`);
+  t.truthy(checkBox);
+  t.true(checkBox.checked);
+
+  _react2.fireEvent.click(checkBox);
+
+  t.false(checkBox.checked);
+
+  _react2.fireEvent.click(checkBox);
+
+  t.true(checkBox.checked);
+});
+(0, _ava.default)('should mount the checkbox with default values', t => {
+  const dataName = 'check-box';
+  const {
+    container
+  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+    "data-name": dataName
   }));
-  const instance = wrapper.instance();
-  t.true(instance.state.checked);
-  wrapper.find('input').simulate('change', {
-    target: {
-      checked: false
-    }
-  });
-  t.false(instance.state.checked);
-  wrapper.find('input').simulate('change', {
-    target: {
-      checked: true
-    }
-  });
-  t.true(instance.state.checked);
+  const checkBox = container.querySelector(`[data-name="${dataName}"]`);
+  t.truthy(checkBox);
 });
 //# sourceMappingURL=on-change.js.map

package/lib/atom/checkbox/test/on-change.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/atom/checkbox/test/on-change.js"],"names":["adapter","Adapter","t","plan","expectedOnChangeValues","onChange","value","is","shift","wrapper","instance","true","state","checked","find","simulate","target","false"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;AACA,uBAAU;AAACA,EAAAA,OAAO,EAAE,IAAIC,2BAAJ;AAAV,CAAV;AAEA,kBAAK,kEAAL,EAAyEC,CAAC,IAAI;AAC5EA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;AACA,QAAMC,sBAAsB,GAAG,CAAC,KAAD,EAAQ,IAAR,CAA/B;;AACA,QAAMC,QAAQ,GAAGC,KAAK,IAAI;AACxBJ,IAAAA,CAAC,CAACK,EAAF,CAAKD,KAAL,EAAYF,sBAAsB,CAACI,KAAvB,EAAZ;AACD,GAFD;;AAGA,QAAMC,OAAO,GAAG,mCAAQ,6BAAC,SAAD;AAAU,IAAA,OAAO,MAAjB;AAAkB,IAAA,QAAQ,EAAEJ;AAA5B,IAAR,CAAhB;AACA,QAAMK,QAAQ,GAAGD,OAAO,CAACC,QAAR,EAAjB;AAEAR,EAAAA,CAAC,CAACS,IAAF,CAAOD,QAAQ,CAACE,KAAT,CAAeC,OAAtB;AACAJ,EAAAA,OAAO,CAACK,IAAR,CAAa,OAAb,EAAsBC,QAAtB,CAA+B,QAA/B,EAAyC;AAACC,IAAAA,MAAM,EAAE;AAACH,MAAAA,OAAO,EAAE;AAAV;AAAT,GAAzC;AACAX,EAAAA,CAAC,CAACe,KAAF,CAAQP,QAAQ,CAACE,KAAT,CAAeC,OAAvB;AACAJ,EAAAA,OAAO,CAACK,IAAR,CAAa,OAAb,EAAsBC,QAAtB,CAA+B,QAA/B,EAAyC;AAACC,IAAAA,MAAM,EAAE;AAACH,MAAAA,OAAO,EAAE;AAAV;AAAT,GAAzC;AACAX,EAAAA,CAAC,CAACS,IAAF,CAAOD,QAAQ,CAACE,KAAT,CAAeC,OAAtB;AACD,CAdD","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {shallow, configure} from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\nimport Checkbox from '..';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('should call the onChange function and toggle the value on change', t => {\n  t.plan(5);\n  const expectedOnChangeValues = [false, true];\n  const onChange = value => {\n    t.is(value, expectedOnChangeValues.shift());\n  };\n  const wrapper = shallow(<Checkbox checked onChange={onChange} />);\n  const instance = wrapper.instance();\n\n  t.true(instance.state.checked);\n  wrapper.find('input').simulate('change', {target: {checked: false}});\n  t.false(instance.state.checked);\n  wrapper.find('input').simulate('change', {target: {checked: true}});\n  t.true(instance.state.checked);\n});\n"],"file":"on-change.js"}
+{"version":3,"sources":["../../../../src/atom/checkbox/test/on-change.js"],"names":["t","plan","expectedOnChangeValues","onChange","value","is","shift","dataName","container","checkBox","querySelector","truthy","true","checked","fireEvent","click","false"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;AAEA,kBAAK,kEAAL,EAAyEA,CAAC,IAAI;AAC5EA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;AACA,QAAMC,sBAAsB,GAAG,CAAC,KAAD,EAAQ,IAAR,CAA/B;;AACA,QAAMC,QAAQ,GAAGC,KAAK,IAAI;AACxBJ,IAAAA,CAAC,CAACK,EAAF,CAAKD,KAAL,EAAYF,sBAAsB,CAACI,KAAvB,EAAZ;AACD,GAFD;;AAGA,QAAMC,QAAQ,GAAG,WAAjB;AACA,QAAM;AAACC,IAAAA;AAAD,MAAc,kCAAO,6BAAC,SAAD;AAAU,IAAA,OAAO,MAAjB;AAAkB,IAAA,QAAQ,EAAEL,QAA5B;AAAsC,iBAAWI;AAAjD,IAAP,CAApB;AAEA,QAAME,QAAQ,GAAGD,SAAS,CAACE,aAAV,CAAyB,eAAcH,QAAS,IAAhD,CAAjB;AACAP,EAAAA,CAAC,CAACW,MAAF,CAASF,QAAT;AAEAT,EAAAA,CAAC,CAACY,IAAF,CAAOH,QAAQ,CAACI,OAAhB;;AAEAC,oBAAUC,KAAV,CAAgBN,QAAhB;;AACAT,EAAAA,CAAC,CAACgB,KAAF,CAAQP,QAAQ,CAACI,OAAjB;;AAEAC,oBAAUC,KAAV,CAAgBN,QAAhB;;AACAT,EAAAA,CAAC,CAACY,IAAF,CAAOH,QAAQ,CAACI,OAAhB;AACD,CAnBD;AAqBA,kBAAK,+CAAL,EAAsDb,CAAC,IAAI;AACzD,QAAMO,QAAQ,GAAG,WAAjB;AACA,QAAM;AAACC,IAAAA;AAAD,MAAc,kCAAO,6BAAC,SAAD;AAAU,iBAAWD;AAArB,IAAP,CAApB;AAEA,QAAME,QAAQ,GAAGD,SAAS,CAACE,aAAV,CAAyB,eAAcH,QAAS,IAAhD,CAAjB;AACAP,EAAAA,CAAC,CAACW,MAAF,CAASF,QAAT;AACD,CAND","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {render, fireEvent} from '@testing-library/react';\nimport Checkbox from '..';\n\nbrowserEnv();\n\ntest('should call the onChange function and toggle the value on change', t => {\n  t.plan(6);\n  const expectedOnChangeValues = [false, true];\n  const onChange = value => {\n    t.is(value, expectedOnChangeValues.shift());\n  };\n  const dataName = 'check-box';\n  const {container} = render(<Checkbox checked onChange={onChange} data-name={dataName} />);\n\n  const checkBox = container.querySelector(`[data-name=\"${dataName}\"]`);\n  t.truthy(checkBox);\n\n  t.true(checkBox.checked);\n\n  fireEvent.click(checkBox);\n  t.false(checkBox.checked);\n\n  fireEvent.click(checkBox);\n  t.true(checkBox.checked);\n});\n\ntest('should mount the checkbox with default values', t => {\n  const dataName = 'check-box';\n  const {container} = render(<Checkbox data-name={dataName} />);\n\n  const checkBox = container.querySelector(`[data-name=\"${dataName}\"]`);\n  t.truthy(checkBox);\n});\n"],"file":"on-change.js"}