Merge pull request #243 from testing-library/updates

Updates
testing-library · Apr 16, 2020 · 91f0519 · 91f0519
2 parents 1af6706 + 0854d90
commit 91f0519
Show file tree

Hide file tree

Showing 12 changed files with 2,195 additions and 1,405 deletions.
diff --git a/__tests__/react/click.js b/__tests__/react/click.js
@@ -8,9 +8,9 @@ afterEach(cleanup);
 describe("userEvent.click", () => {
   it.each(["input", "textarea"])(
     "should fire the correct events for <%s>",
-    type => {
+    (type) => {
       const events = [];
-      const eventsHandler = jest.fn(evt => events.push(evt.type));
+      const eventsHandler = jest.fn((evt) => events.push(evt.type));
       const { getByTestId } = render(
         React.createElement(type, {
           "data-testid": "element",
@@ -19,7 +19,7 @@ describe("userEvent.click", () => {
           onMouseDown: eventsHandler,
           onFocus: eventsHandler,
           onMouseUp: eventsHandler,
-          onClick: eventsHandler
+          onClick: eventsHandler,
         })
       );
 
@@ -31,14 +31,14 @@ describe("userEvent.click", () => {
         "mousedown",
         "focus",
         "mouseup",
-        "click"
+        "click",
       ]);
     }
   );
 
   it('should fire the correct events for <input type="checkbox">', () => {
     const events = [];
-    const eventsHandler = jest.fn(evt => events.push(evt.type));
+    const eventsHandler = jest.fn((evt) => events.push(evt.type));
     const { getByTestId } = render(
       <input
         data-testid="element"
@@ -62,15 +62,15 @@ describe("userEvent.click", () => {
       "focus",
       "mouseup",
       "click",
-      "change"
+      "change",
     ]);
 
     expect(getByTestId("element")).toHaveProperty("checked", true);
   });
 
   it('should fire the correct events for <input type="checkbox" disabled>', () => {
     const events = [];
-    const eventsHandler = jest.fn(evt => events.push(evt.type));
+    const eventsHandler = jest.fn((evt) => events.push(evt.type));
     const { getByTestId } = render(
       <input
         data-testid="element"
@@ -95,7 +95,7 @@ describe("userEvent.click", () => {
 
   it('should fire the correct events for <input type="radio">', () => {
     const events = [];
-    const eventsHandler = jest.fn(evt => events.push(evt.type));
+    const eventsHandler = jest.fn((evt) => events.push(evt.type));
     const { getByTestId } = render(
       <input
         data-testid="element"
@@ -119,15 +119,15 @@ describe("userEvent.click", () => {
       "focus",
       "mouseup",
       "click",
-      "change"
+      "change",
     ]);
 
     expect(getByTestId("element")).toHaveProperty("checked", true);
   });
 
   it('should fire the correct events for <input type="radio" disabled>', () => {
     const events = [];
-    const eventsHandler = jest.fn(evt => events.push(evt.type));
+    const eventsHandler = jest.fn((evt) => events.push(evt.type));
     const { getByTestId } = render(
       <input
         data-testid="element"
@@ -152,7 +152,7 @@ describe("userEvent.click", () => {
 
   it("should fire the correct events for <div>", () => {
     const events = [];
-    const eventsHandler = jest.fn(evt => events.push(evt.type));
+    const eventsHandler = jest.fn((evt) => events.push(evt.type));
     const { getByTestId } = render(
       <div
         data-testid="div"
@@ -171,7 +171,7 @@ describe("userEvent.click", () => {
       "mousemove",
       "mousedown",
       "mouseup",
-      "click"
+      "click",
     ]);
   });
 
@@ -200,7 +200,7 @@ describe("userEvent.click", () => {
 
   it("should not blur when mousedown prevents default", () => {
     let events = [];
-    const eventsHandler = jest.fn(evt => events.push(evt.type));
+    const eventsHandler = jest.fn((evt) => events.push(evt.type));
     const commonEvents = {
       onBlur: eventsHandler,
       onMouseOver: eventsHandler,
@@ -209,7 +209,7 @@ describe("userEvent.click", () => {
       onFocus: eventsHandler,
       onMouseUp: eventsHandler,
       onClick: eventsHandler,
-      onChange: eventsHandler
+      onChange: eventsHandler,
     };
 
     const { getByTestId } = render(
@@ -218,7 +218,7 @@ describe("userEvent.click", () => {
         <input
           data-testid="B"
           {...commonEvents}
-          onMouseDown={e => {
+          onMouseDown={(e) => {
             e.preventDefault();
             eventsHandler(e);
           }}
@@ -246,7 +246,7 @@ describe("userEvent.click", () => {
       "mousedown",
       "focus",
       "mouseup",
-      "click"
+      "click",
     ]);
 
     events = [];
@@ -262,7 +262,7 @@ describe("userEvent.click", () => {
       "mousemove",
       "mousedown",
       "mouseup",
-      "click"
+      "click",
     ]);
 
     events = [];
@@ -280,7 +280,7 @@ describe("userEvent.click", () => {
       "blur",
       "focus",
       "mouseup",
-      "click"
+      "click",
     ]);
   });
 
@@ -312,7 +312,7 @@ describe("userEvent.click", () => {
 
   it.each(["input", "textarea"])(
     "gives focus to <%s> when clicking a <label> with htmlFor",
-    type => {
+    (type) => {
       const { getByTestId } = render(
         <React.Fragment>
           <label htmlFor="input" data-testid="label">
@@ -328,7 +328,7 @@ describe("userEvent.click", () => {
 
   it.each(["input", "textarea"])(
     "gives focus to <%s> when clicking a <label> without htmlFor",
-    type => {
+    (type) => {
       const { getByTestId } = render(
         <React.Fragment>
           <label data-testid="label">
@@ -344,7 +344,7 @@ describe("userEvent.click", () => {
 
   it.each(["input", "textarea"])(
     "gives focus to <%s> when clicking on an element contained within a <label>",
-    type => {
+    (type) => {
       const { getByText, getByTestId } = render(
         <React.Fragment>
           <label htmlFor="input" data-testid="label">
@@ -410,13 +410,13 @@ describe("userEvent.click", () => {
 
   it.each(["input", "textarea"])(
     "should not give focus for <%s> when mouseDown is prevented",
-    type => {
+    (type) => {
       const { getByTestId } = render(
         React.createElement(type, {
           "data-testid": "element",
-          onMouseDown: evt => {
+          onMouseDown: (evt) => {
             evt.preventDefault();
-          }
+          },
         })
       );
 

diff --git a/__tests__/react/dblclick.js b/__tests__/react/dblclick.js
@@ -8,9 +8,9 @@ afterEach(cleanup);
 describe("userEvent.dblClick", () => {
   it.each(["input", "textarea"])(
     "should fire the correct events for <%s>",
-    type => {
+    (type) => {
       const events = [];
-      const eventsHandler = jest.fn(evt => events.push(evt.type));
+      const eventsHandler = jest.fn((evt) => events.push(evt.type));
       const { getByTestId } = render(
         React.createElement(type, {
           "data-testid": "element",
@@ -20,7 +20,7 @@ describe("userEvent.dblClick", () => {
           onFocus: eventsHandler,
           onMouseUp: eventsHandler,
           onClick: eventsHandler,
-          onDoubleClick: eventsHandler
+          onDoubleClick: eventsHandler,
         })
       );
 
@@ -36,14 +36,14 @@ describe("userEvent.dblClick", () => {
         "mousedown",
         "mouseup",
         "click",
-        "dblclick"
+        "dblclick",
       ]);
     }
   );
 
   it('should fire the correct events for <input type="checkbox">', () => {
     const events = [];
-    const eventsHandler = jest.fn(evt => events.push(evt.type));
+    const eventsHandler = jest.fn((evt) => events.push(evt.type));
     const { getByTestId } = render(
       <input
         data-testid="element"
@@ -71,15 +71,15 @@ describe("userEvent.dblClick", () => {
       "mousedown",
       "mouseup",
       "click",
-      "change"
+      "change",
     ]);
 
     expect(getByTestId("element")).toHaveProperty("checked", false);
   });
 
   it("should fire the correct events for <div>", () => {
     const events = [];
-    const eventsHandler = jest.fn(evt => events.push(evt.type));
+    const eventsHandler = jest.fn((evt) => events.push(evt.type));
     const { getByTestId } = render(
       <div
         data-testid="div"
@@ -101,13 +101,13 @@ describe("userEvent.dblClick", () => {
       "click",
       "mousedown",
       "mouseup",
-      "click"
+      "click",
     ]);
   });
 
   it("should not blur when mousedown prevents default", () => {
     let events = [];
-    const eventsHandler = jest.fn(evt => events.push(evt.type));
+    const eventsHandler = jest.fn((evt) => events.push(evt.type));
     const commonEvents = {
       onBlur: eventsHandler,
       onMouseOver: eventsHandler,
@@ -116,7 +116,7 @@ describe("userEvent.dblClick", () => {
       onFocus: eventsHandler,
       onMouseUp: eventsHandler,
       onClick: eventsHandler,
-      onChange: eventsHandler
+      onChange: eventsHandler,
     };
 
     const { getByTestId } = render(
@@ -125,7 +125,7 @@ describe("userEvent.dblClick", () => {
         <input
           data-testid="B"
           {...commonEvents}
-          onMouseDown={e => {
+          onMouseDown={(e) => {
             e.preventDefault();
             eventsHandler(e);
           }}
@@ -156,7 +156,7 @@ describe("userEvent.dblClick", () => {
       "click",
       "mousedown",
       "mouseup",
-      "click"
+      "click",
     ]);
 
     events = [];
@@ -175,7 +175,7 @@ describe("userEvent.dblClick", () => {
       "click",
       "mousedown",
       "mouseup",
-      "click"
+      "click",
     ]);
 
     events = [];
@@ -196,7 +196,7 @@ describe("userEvent.dblClick", () => {
       "click",
       "mousedown",
       "mouseup",
-      "click"
+      "click",
     ]);
   });
 });