prettier v2 + jest v26

Author: dmt0

src/__mocks__/plotly.js

@@ -4,35 +4,35 @@ const state = {};
 const ASYNC_DELAY = 1;
 
 export default {
-  plot: jest.fn(gd => {
+  plot: jest.fn((gd) => {
     state.gd = gd;
     setTimeout(() => {
       state.gd.emit('plotly_afterplot');
     }, ASYNC_DELAY);
   }),
-  newPlot: jest.fn(gd => {
+  newPlot: jest.fn((gd) => {
     state.gd = gd;
     EventEmitter(state.gd); // eslint-disable-line new-cap
 
     setTimeout(() => {
       state.gd.emit('plotly_afterplot');
     }, ASYNC_DELAY);
   }),
-  react: jest.fn(gd => {
+  react: jest.fn((gd) => {
     state.gd = gd;
     EventEmitter(state.gd); // eslint-disable-line new-cap
 
     setTimeout(() => {
       state.gd.emit('plotly_afterplot');
     }, ASYNC_DELAY);
   }),
-  relayout: jest.fn(gd => {
+  relayout: jest.fn((gd) => {
     state.gd = gd;
     setTimeout(() => {
       state.gd.emit('plotly_relayout');
     }, ASYNC_DELAY);
   }),
-  restyle: jest.fn(gd => {
+  restyle: jest.fn((gd) => {
     state.gd = gd;
     setTimeout(() => {
       state.gd.emit('plotly_restyle');

src/__tests__/react-plotly.test.js

@@ -33,7 +33,7 @@ describe('<Plotly/>', () => {
 
   describe('with mocked plotly.js', () => {
     beforeEach(() => {
-      Plotly = require.requireMock('../__mocks__/plotly.js').default;
+      Plotly = jest.requireMock('../__mocks__/plotly.js').default;
       PlotComponent = createComponent(Plotly);
 
       // Override the parent element size:
@@ -43,19 +43,19 @@ describe('<Plotly/>', () => {
       });
     });
 
-    describe('initialization', function() {
-      test('calls Plotly.react on instantiation', done => {
+    describe('initialization', function () {
+      test('calls Plotly.react on instantiation', (done) => {
         createPlot({})
           .then(() => {
             expect(Plotly.react).toHaveBeenCalled();
           })
-          .catch(err => {
+          .catch((err) => {
             done.fail(err);
           })
           .then(done);
       });
 
-      test('passes data', done => {
+      test('passes data', (done) => {
         createPlot({
           data: [{x: [1, 2, 3]}],
           layout: {title: 'foo'},
@@ -66,11 +66,11 @@ describe('<Plotly/>', () => {
               layout: {title: 'foo'},
             });
           })
-          .catch(err => done.fail(err))
+          .catch((err) => done.fail(err))
           .then(done);
       });
 
-      test('accepts width and height', done => {
+      test('accepts width and height', (done) => {
         createPlot({
           layout: {width: 320, height: 240},
         })
@@ -79,13 +79,13 @@ describe('<Plotly/>', () => {
               layout: {width: 320, height: 240},
             });
           })
-          .catch(err => done.fail(err))
+          .catch((err) => done.fail(err))
           .then(done);
       });
     });
 
     describe('plot updates', () => {
-      test('updates data', done => {
+      test('updates data', (done) => {
         createPlot({
           layout: {width: 123, height: 456},
           onUpdate: once(() => {
@@ -96,13 +96,13 @@ describe('<Plotly/>', () => {
             done();
           }),
         })
-          .then(plot => {
+          .then((plot) => {
             plot.setProps({data: [{x: [1, 2, 3]}]});
           })
-          .catch(err => done.fail(err));
+          .catch((err) => done.fail(err));
       });
 
-      test('updates data when revision is defined but not changed', done => {
+      test('updates data when revision is defined but not changed', (done) => {
         createPlot({
           revision: 1,
           layout: {width: 123, height: 456},
@@ -114,13 +114,13 @@ describe('<Plotly/>', () => {
             done();
           }),
         })
-          .then(plot => {
+          .then((plot) => {
             plot.setProps({revision: 1, data: [{x: [1, 2, 3]}]});
           })
-          .catch(err => done.fail(err));
+          .catch((err) => done.fail(err));
       });
 
-      test('sets the title', done => {
+      test('sets the title', (done) => {
         createPlot({
           onUpdate: once(() => {
             expectPlotlyAPICall(Plotly.react, {
@@ -129,13 +129,13 @@ describe('<Plotly/>', () => {
             done();
           }),
         })
-          .then(plot => {
+          .then((plot) => {
             plot.setProps({layout: {title: 'test test'}});
           })
-          .catch(err => done.fail(err));
+          .catch((err) => done.fail(err));
       });
 
-      test('revision counter', done => {
+      test('revision counter', (done) => {
         var callCnt = 0;
         createPlot({
           revision: 0,
@@ -153,15 +153,15 @@ describe('<Plotly/>', () => {
             }
           },
         })
-          .then(plot => {
+          .then((plot) => {
             // Update with and without revision bumps:
             /* eslint-disable no-magic-numbers */
             setTimeout(() => plot.setProps({layout: {title: 'test test'}}), 10);
             setTimeout(() => plot.setProps({revision: 1, layout: {title: 'test test'}}), 20);
             setTimeout(() => plot.setProps({revision: 1, layout: {title: 'test test'}}), 30);
             setTimeout(() => plot.setProps({revision: 2, layout: {title: 'test test'}}), 40);
           })
-          .catch(err => done.fail(err));
+          .catch((err) => done.fail(err));
       });
     });
 
@@ -170,7 +170,7 @@ describe('<Plotly/>', () => {
         const onRelayout = () => {};
 
         createPlot({onRelayout}).then((plot) => {
-          const { handlers } = plot.instance();
+          const {handlers} = plot.instance();
 
           expect(plot.prop('onRelayout')).toBe(onRelayout);
           expect(handlers.Relayout).toBe(onRelayout);

src/factory.js

@@ -94,7 +94,7 @@ export default function plotComponentFactory(Plotly) {
             this.attachUpdateEvents();
           }
         })
-        .catch(err => {
+        .catch((err) => {
           if (this.props.onError) {
             this.props.onError(err);
           }
@@ -152,7 +152,7 @@ export default function plotComponentFactory(Plotly) {
         return;
       }
 
-      updateEvents.forEach(updateEvent => {
+      updateEvents.forEach((updateEvent) => {
         this.el.on(updateEvent, this.handleUpdate);
       });
     }
@@ -162,7 +162,7 @@ export default function plotComponentFactory(Plotly) {
         return;
       }
 
-      updateEvents.forEach(updateEvent => {
+      updateEvents.forEach((updateEvent) => {
         this.el.removeListener(updateEvent, this.handleUpdate);
       });
     }
@@ -207,7 +207,7 @@ export default function plotComponentFactory(Plotly) {
 
     // Attach and remove event handlers as they're added or removed from props:
     syncEventHandlers() {
-      eventNames.forEach(eventName => {
+      eventNames.forEach((eventName) => {
         const prop = this.props['on' + eventName];
         const handler = this.handlers[eventName];
         const hasHandler = Boolean(handler);
@@ -268,7 +268,7 @@ export default function plotComponentFactory(Plotly) {
     divId: PropTypes.string,
   };
 
-  eventNames.forEach(eventName => {
+  eventNames.forEach((eventName) => {
     PlotlyComponent.propTypes['on' + eventName] = PropTypes.func;
   });