migrated enzyme to use adapter for react 16

packages/@coorpacademy-components/src/atom/checkbox/test/on-change.js

@@ -1,9 +1,12 @@
 import 'jsdom-global/register';
 import test from 'ava';
 import React from 'react';
-import {shallow} from 'enzyme';
+import {shallow, configure} from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import Checkbox from '..';
 
+configure({adapter: new Adapter()});
+
 test('should call the onChange function and toggle the value on change', t => {
   t.plan(5);
   const expectedOnChangeValues = [false, true];

packages/@coorpacademy-components/src/atom/clue/test/see-clue.js

@@ -1,12 +1,15 @@
 import 'jsdom-global/register';
 import test from 'ava';
 import React from 'react';
-import {mount} from 'enzyme';
+import {mount, configure} from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import replace from 'lodash/fp/replace';
 import Clue from '..';
 import style from '../style.css'; // eslint-disable-line css-modules/no-unused-class
 import defaultFixture from './fixtures/default';
 
+configure({adapter: new Adapter()});
+
 test('should See the clue', t => {
   const context = {
     skin: {},

packages/@coorpacademy-components/src/atom/cta/test/hover.js

@@ -1,10 +1,13 @@
 import 'jsdom-global/register';
 import test from 'ava';
 import React from 'react';
-import {shallow} from 'enzyme';
+import {shallow, configure} from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import Cta from '..';
 import ctaFixture from './fixtures/primary';
 
+configure({adapter: new Adapter()});
+
 const context = {
   skin: {
     common: {

packages/@coorpacademy-components/src/atom/image-upload/test/dragging.js

@@ -1,10 +1,13 @@
 import 'jsdom-global/register';
 import test from 'ava';
 import React from 'react';
-import {shallow} from 'enzyme';
+import {shallow, configure} from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import ImageUpload from '..';
 import desktopFixture from './fixtures/desktop';
 
+configure({adapter: new Adapter()});
+
 test('should set state to dragging when user starts dragging', t => {
   const wrapper = shallow(<ImageUpload {...desktopFixture.props} />);
   const instance = wrapper.instance();

packages/@coorpacademy-components/src/atom/input-checkbox/test/on-change.js

@@ -1,10 +1,13 @@
 import 'jsdom-global/register';
 import test from 'ava';
 import React from 'react';
-import {shallow} from 'enzyme';
+import {shallow, configure} from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import InputCheckbox from '..';
 import defaultFixture from './fixtures/default';
 
+configure({adapter: new Adapter()});
+
 test('should call the onChange function with the checked value of the target', t => {
   t.plan(2);
   const expectedOnChangeValues = [false, true];

packages/@coorpacademy-components/src/atom/input-doublestep/test/on-change.js

@@ -2,11 +2,14 @@ import 'jsdom-global/register';
 import test from 'ava';
 import {replace} from 'lodash/fp';
 import React from 'react';
-import {mount} from 'enzyme';
+import {mount, configure} from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import InputDoublestep from '..';
 import style from '../style.css'; // eslint-disable-line css-modules/no-unused-class
 import inputConfirmFixture from './fixtures/input-confirm';
 
+configure({adapter: new Adapter()});
+
 test('should call the onChange function on change with inputConfirm fixture', t => {
   const deleteStyle = `.${replace(' ', '.', style.delete)}`;
   const inputStyle = `.${replace(' ', '.', style.input)}`;

packages/@coorpacademy-components/src/atom/input-html/test/on-change.js

@@ -1,13 +1,16 @@
 import 'jsdom-global/register';
 import test from 'ava';
 import React from 'react';
-import {shallow, mount} from 'enzyme';
+import {shallow, mount, configure} from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import omit from 'lodash/fp/omit';
 import replace from 'lodash/fp/replace';
 import InputHtml from '..';
 import style from '../style.css'; // eslint-disable-line css-modules/no-unused-class
 import defaultFixture from './fixtures/default';
 
+configure({adapter: new Adapter()});
+
 test('should call the onChange function with the value of the target', t => {
   t.plan(15);
   const inputStyle = `.${replace(' ', '.', style.input)}`;

packages/@coorpacademy-components/src/atom/input-switch/test/on-change.js

@@ -1,10 +1,13 @@
 import 'jsdom-global/register';
 import test from 'ava';
 import React from 'react';
-import {shallow} from 'enzyme';
+import {shallow, configure} from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import InputSwitch from '..';
 import defaultFixture from './fixtures/checked';
 
+configure({adapter: new Adapter()});
+
 test('should call the onChange function with the checked value of the target', t => {
   t.plan(2);
   const expectedOnChangeValues = [false, true];

packages/@coorpacademy-components/src/atom/input-textarea/test/on-change.js

@@ -1,11 +1,14 @@
 import 'jsdom-global/register';
 import test from 'ava';
 import React from 'react';
-import {shallow} from 'enzyme';
+import {shallow, configure} from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import InputTextarea from '..';
 import omit from 'lodash/fp/omit';
 import defaultFixture from './fixtures/default';
 
+configure({adapter: new Adapter()});
+
 test('should call the onChange function with the value of the target', t => {
   t.plan(1);
   const onChange = value => {

packages/@coorpacademy-components/src/atom/link/test/index.js

@@ -1,10 +1,13 @@
 import 'jsdom-global/register';
 import test from 'ava';
 import React from 'react';
-import {mount} from 'enzyme';
+import {mount, configure} from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import once from 'lodash/fp/once';
 import Link from '..';
 
+configure({adapter: new Adapter()});
+
 test('should call listeners within props', t => {
   t.plan(3);
 

packages/@coorpacademy-components/src/atom/provider/test/index.js

@@ -1,11 +1,14 @@
 import 'jsdom-global/register';
 import test from 'ava';
 import React from 'react';
-import {shallow} from 'enzyme';
+import {shallow, configure} from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import Provider from '..';
 import noop from 'lodash/fp/noop';
 import defaultFixture from './fixtures/default';
 
+configure({adapter: new Adapter()});
+
 test('should re-render element when updating props', t => {
   const history = {
     createHref: noop,

packages/@coorpacademy-components/src/atom/range/test/handle.js

@@ -1,9 +1,12 @@
 import 'jsdom-global/register';
 import test from 'ava';
 import React from 'react';
-import {mount} from 'enzyme';
+import {mount, configure} from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import Handle from '../handle';
 
+configure({adapter: new Adapter()});
+
 test('should instanciate Handle', t => {
   const handler = mount(<Handle />);
   handler.unmount();

packages/@coorpacademy-components/src/atom/range/test/index.js

@@ -1,11 +1,14 @@
 import 'jsdom-global/register';
 import test from 'ava';
 import React from 'react';
-import {mount} from 'enzyme';
+import {mount, configure} from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import noop from 'lodash/fp/noop';
 import Range from '..'; // eslint-disable-line no-shadow
 import style from '../style.css'; // eslint-disable-line css-modules/no-unused-class
 
+configure({adapter: new Adapter()});
+
 const defaultEvent = {
   stopPropagation: noop,
   preventDefault: noop

packages/@coorpacademy-components/src/atom/select/test/on-change.js

@@ -1,10 +1,13 @@
 import 'jsdom-global/register';
 import test from 'ava';
 import React from 'react';
-import {shallow} from 'enzyme';
+import {shallow, configure} from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import Select from '..';
 import defaultFixture from './fixtures/default';
 
+configure({adapter: new Adapter()});
+
 test('should call onChange with the target value if multiple=false', t => {
   t.plan(1);
   const onChange = value => {

packages/@coorpacademy-components/src/atom/tab/test/on-click.js

@@ -1,11 +1,14 @@
 import 'jsdom-global/register';
 import test from 'ava';
 import React from 'react';
-import {shallow} from 'enzyme';
+import {shallow, configure} from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import Tab from '..';
 import style from '../style.css'; // eslint-disable-line css-modules/no-unused-class
 import defaultFixture from './fixtures/default';
 
+configure({adapter: new Adapter()});
+
 test('should call onClick with the targetContent value', t => {
   t.plan(1);
   const onClick = value => {

packages/@coorpacademy-components/src/molecule/brand-create-form/test/index.js

@@ -1,10 +1,13 @@
 import 'jsdom-global/register';
 import test from 'ava';
 import React from 'react';
-import {mount} from 'enzyme';
+import {mount, configure} from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import once from 'lodash/fp/once';
 import BrandCreateForm from '..';
 
+configure({adapter: new Adapter()});
+
 test('should submit form', t => {
   t.plan(2);
   const props = {

packages/@coorpacademy-components/src/molecule/dashboard/cards-list/test/index.js

@@ -1,10 +1,13 @@
 import 'jsdom-global/register';
 import test from 'ava';
 import React from 'react';
-import {mount} from 'enzyme';
+import {mount, configure} from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import CardsList from '..';
 import Card from '../../../card/test/fixtures/default';
 
+configure({adapter: new Adapter()});
+
 const mountCardsList = props => {
   const component = <CardsList {...props} />;
   const cards = mount(component);

packages/@coorpacademy-components/src/molecule/filters/test/index.js

@@ -1,9 +1,12 @@
 import 'jsdom-global/register';
 import test from 'ava';
 import React from 'react';
-import {mount} from 'enzyme';
+import {mount, configure} from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import Filters from '..';
 
+configure({adapter: new Adapter()});
+
 test('mount Filters with enzyme', t => {
   t.plan(9);
 

packages/@coorpacademy-components/src/molecule/video-iframe/test/index.js

@@ -1,9 +1,12 @@
 import 'jsdom-global/register';
 import test from 'ava';
 import React from 'react';
-import {mount} from 'enzyme';
+import {mount, configure} from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import VideoIframe from '..';
 
+configure({adapter: new Adapter()});
+
 test('should render properly a kontiki iframe', t => {
   const props = {
     type: 'kontiki',

packages/@coorpacademy-components/src/molecule/video-player/test/index.js

@@ -1,9 +1,12 @@
 import 'jsdom-global/register';
 import test from 'ava';
 import React from 'react';
-import {shallow} from 'enzyme';
+import {shallow, configure} from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import Player from '..';
 
+configure({adapter: new Adapter()});
+
 test('should emit play only one', t => {
   const events = ['Play', 'Resume', 'Play', 'Resume', 'Resume'];
 

packages/@coorpacademy-components/src/molecule/video-player/test/jwplayer.js

@@ -1,9 +1,12 @@
 import 'jsdom-global/register';
 import test from 'ava';
 import React from 'react';
-import {mount} from 'enzyme';
+import {mount, configure} from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import JWPlayer from '../jwplayer';
 
+configure({adapter: new Adapter()});
+
 test('should call listeners within props, then remove them on willComponentUnmount', t => {
   t.plan(4);
 

packages/@coorpacademy-components/src/molecule/video-player/test/vimeo.js

@@ -2,9 +2,12 @@ import 'jsdom-global/register';
 import EventEmitter from 'events'; // eslint-disable-line fp/no-events
 import test from 'ava';
 import React from 'react';
-import {mount} from 'enzyme';
+import {mount, configure} from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import Vimeo from '../vimeo';
 
+configure({adapter: new Adapter()});
+
 class Player extends EventEmitter {
   constructor() {
     super();

packages/@coorpacademy-components/src/organism/brand-form/test/index.js

@@ -1,10 +1,13 @@
 import 'jsdom-global/register';
 import test from 'ava';
 import React from 'react';
-import {mount} from 'enzyme';
+import {mount, configure} from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import once from 'lodash/fp/once';
 import BrandForm from '..';
 
+configure({adapter: new Adapter()});
+
 test('should submit form', t => {
   t.plan(2);
   const props = {

packages/@coorpacademy-components/src/organism/sidebar/test/on-change.js

@@ -1,11 +1,14 @@
 import 'jsdom-global/register';
 import test from 'ava';
 import React from 'react';
-import {mount} from 'enzyme';
+import {mount, configure} from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import replace from 'lodash/fp/replace';
 import {InputTextItem} from '..';
 import style from '../style.css'; // eslint-disable-line css-modules/no-unused-class
 
+configure({adapter: new Adapter()});
+
 const defaultFixture = {
   title: 'Bar',
   value: 'Foo'

packages/@coorpacademy-components/src/template/app-player/popin-correction/test/index.js

@@ -1,10 +1,13 @@
 import 'jsdom-global/register';
 import test from 'ava';
 import React from 'react';
-import {mount} from 'enzyme';
+import {mount, configure} from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import correctClosed from './fixtures/correct-closed';
 import PopinCorrection from '..';
 
+configure({adapter: new Adapter()});
+
 test.cb('should open with transition', t => {
   const props = {onOpen: t.end, ...correctClosed.props};
 

packages/@coorpacademy-components/src/template/back-office/dashboard-preview/test/on-select-dashboard.js

@@ -2,11 +2,14 @@ import 'jsdom-global/register';
 import test from 'ava';
 import React from 'react';
 import PropTypes from 'prop-types';
-import {mount} from 'enzyme';
+import {mount, configure} from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import DashboardPreview from '..';
 
 import defaultFixture from './fixtures/selected';
 
+configure({adapter: new Adapter()});
+
 test('should call the onSelectDashboard function with the value of the target', t => {
   t.plan(2);