chore: Bump enzyme{,-adapter-react-16} to 3.5 / 1.3 (#9542)

Fragment's disappearing (or being renamed) is likely due to enzymejs/enzyme#1733
getsentry · Aug 28, 2018 · 7796c20 · 7796c20
1 parent b794428
commit 7796c20
Show file tree

Hide file tree

Showing 11 changed files with 516 additions and 418 deletions.
diff --git a/package.json b/package.json
@@ -155,8 +155,8 @@
     "babel-eslint": "7.2.3",
     "babel-jest": "22.1.0",
     "chai": "3.4.1",
-    "enzyme": "3.2.0",
-    "enzyme-adapter-react-16": "npm:enzyme-react-adapter-future",
+    "enzyme": "3.5.0",
+    "enzyme-adapter-react-16": "1.3.0",
     "enzyme-to-json": "3.3.1",
     "eslint": "4.4.1",
     "eslint-config-prettier": "^2.3.0",

diff --git a/tests/js/spec/components/__snapshots__/confirm.spec.jsx.snap b/tests/js/spec/components/__snapshots__/confirm.spec.jsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Confirm renders 1`] = `
-<React.Fragment>
+<Fragment>
   <button
     onClick={[Function]}
   >
@@ -66,5 +66,5 @@ exports[`Confirm renders 1`] = `
       </Button>
     </div>
   </Modal>
-</React.Fragment>
+</Fragment>
 `;
diff --git a/tests/js/spec/components/__snapshots__/eventOrGroupExtraDetails.spec.jsx.snap b/tests/js/spec/components/__snapshots__/eventOrGroupExtraDetails.spec.jsx.snap
@@ -15,15 +15,13 @@ exports[`EventOrGroupExtraDetails details when mentioned 1`] = `
     align="center"
     mr={2}
   >
-    <React.Fragment>
-      <GroupExtraIcon
-        className="icon icon-clock"
-      />
-      <TimeSince
-        date="2017-07-25T22:56:12Z"
-        suffix="ago"
-      />
-    </React.Fragment>
+    <GroupExtraIcon
+      className="icon icon-clock"
+    />
+    <TimeSince
+      date="2017-07-25T22:56:12Z"
+      suffix="ago"
+    />
     <span
       className="hidden-xs hidden-sm"
     >
@@ -116,15 +114,13 @@ exports[`EventOrGroupExtraDetails renders all details 1`] = `
     align="center"
     mr={2}
   >
-    <React.Fragment>
-      <GroupExtraIcon
-        className="icon icon-clock"
-      />
-      <TimeSince
-        date="2017-07-25T22:56:12Z"
-        suffix="ago"
-      />
-    </React.Fragment>
+    <GroupExtraIcon
+      className="icon icon-clock"
+    />
+    <TimeSince
+      date="2017-07-25T22:56:12Z"
+      suffix="ago"
+    />
     <span
       className="hidden-xs hidden-sm"
     >
@@ -213,15 +209,13 @@ exports[`EventOrGroupExtraDetails renders assignee and status 1`] = `
     align="center"
     mr={2}
   >
-    <React.Fragment>
-      <GroupExtraIcon
-        className="icon icon-clock"
-      />
-      <TimeSince
-        date="2017-07-25T22:56:12Z"
-        suffix="ago"
-      />
-    </React.Fragment>
+    <GroupExtraIcon
+      className="icon icon-clock"
+    />
+    <TimeSince
+      date="2017-07-25T22:56:12Z"
+      suffix="ago"
+    />
     <span
       className="hidden-xs hidden-sm"
     >
@@ -319,15 +313,13 @@ exports[`EventOrGroupExtraDetails renders last and first seen 1`] = `
     align="center"
     mr={2}
   >
-    <React.Fragment>
-      <GroupExtraIcon
-        className="icon icon-clock"
-      />
-      <TimeSince
-        date="2017-07-25T22:56:12Z"
-        suffix="ago"
-      />
-    </React.Fragment>
+    <GroupExtraIcon
+      className="icon icon-clock"
+    />
+    <TimeSince
+      date="2017-07-25T22:56:12Z"
+      suffix="ago"
+    />
     <span
       className="hidden-xs hidden-sm"
     >
@@ -369,15 +361,13 @@ exports[`EventOrGroupExtraDetails renders only last seen 1`] = `
     align="center"
     mr={2}
   >
-    <React.Fragment>
-      <GroupExtraIcon
-        className="icon icon-clock"
-      />
-      <TimeSince
-        date="2017-07-25T22:56:12Z"
-        suffix="ago"
-      />
-    </React.Fragment>
+    <GroupExtraIcon
+      className="icon icon-clock"
+    />
+    <TimeSince
+      date="2017-07-25T22:56:12Z"
+      suffix="ago"
+    />
   </Flex>
   <GroupExtraCommentsAndLogger />
 </GroupExtra>

diff --git a/tests/js/spec/components/__snapshots__/settingsLayout.spec.jsx.snap b/tests/js/spec/components/__snapshots__/settingsLayout.spec.jsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`SettingsLayout renders 1`] = `
-<React.Fragment>
+<Fragment>
   <SettingsHeader>
     <SettingsSubheader>
       <Container>
@@ -33,5 +33,5 @@ exports[`SettingsLayout renders 1`] = `
     </Container>
   </ContentContainerWrapper>
   <Footer />
-</React.Fragment>
+</Fragment>
 `;
diff --git a/tests/js/spec/components/forms/__snapshots__/radioBooleanField.spec.jsx.snap b/tests/js/spec/components/forms/__snapshots__/radioBooleanField.spec.jsx.snap
@@ -10,54 +10,52 @@ exports[`RadioBooleanField render() renders with form context 1`] = `
     <div
       className="control-group radio-boolean"
     >
-      <React.Fragment>
-        <div
-          className="radio"
-          key="yes"
-        >
-          <label
-            style={
-              Object {
-                "fontWeight": "normal",
-              }
+      <div
+        className="radio"
+        key="yes"
+      >
+        <label
+          style={
+            Object {
+              "fontWeight": "normal",
             }
-          >
-            <input
-              checked={true}
-              disabled={false}
-              name="fieldName"
-              onChange={[Function]}
-              type="radio"
-              value="true"
-            />
-             
-            Yes
-          </label>
-        </div>
-        <div
-          className="radio"
-          key="no"
+          }
         >
-          <label
-            style={
-              Object {
-                "fontWeight": "normal",
-              }
+          <input
+            checked={true}
+            disabled={false}
+            name="fieldName"
+            onChange={[Function]}
+            type="radio"
+            value="true"
+          />
+           
+          Yes
+        </label>
+      </div>
+      <div
+        className="radio"
+        key="no"
+      >
+        <label
+          style={
+            Object {
+              "fontWeight": "normal",
             }
-          >
-            <input
-              checked={false}
-              disabled={false}
-              name="fieldName"
-              onChange={[Function]}
-              type="radio"
-              value="false"
-            />
-             
-            No
-          </label>
-        </div>
-      </React.Fragment>
+          }
+        >
+          <input
+            checked={false}
+            disabled={false}
+            name="fieldName"
+            onChange={[Function]}
+            type="radio"
+            value="false"
+          />
+           
+          No
+        </label>
+      </div>
     </div>
   </div>
 </div>
@@ -73,54 +71,52 @@ exports[`RadioBooleanField render() renders without form context 1`] = `
     <div
       className="control-group radio-boolean"
     >
-      <React.Fragment>
-        <div
-          className="radio"
-          key="yes"
-        >
-          <label
-            style={
-              Object {
-                "fontWeight": "normal",
-              }
+      <div
+        className="radio"
+        key="yes"
+      >
+        <label
+          style={
+            Object {
+              "fontWeight": "normal",
             }
-          >
-            <input
-              checked={false}
-              disabled={false}
-              name="fieldName"
-              onChange={[Function]}
-              type="radio"
-              value="true"
-            />
-             
-            Yes
-          </label>
-        </div>
-        <div
-          className="radio"
-          key="no"
+          }
         >
-          <label
-            style={
-              Object {
-                "fontWeight": "normal",
-              }
+          <input
+            checked={false}
+            disabled={false}
+            name="fieldName"
+            onChange={[Function]}
+            type="radio"
+            value="true"
+          />
+           
+          Yes
+        </label>
+      </div>
+      <div
+        className="radio"
+        key="no"
+      >
+        <label
+          style={
+            Object {
+              "fontWeight": "normal",
             }
-          >
-            <input
-              checked={false}
-              disabled={false}
-              name="fieldName"
-              onChange={[Function]}
-              type="radio"
-              value="false"
-            />
-             
-            No
-          </label>
-        </div>
-      </React.Fragment>
+          }
+        >
+          <input
+            checked={false}
+            disabled={false}
+            name="fieldName"
+            onChange={[Function]}
+            type="radio"
+            value="false"
+          />
+           
+          No
+        </label>
+      </div>
     </div>
   </div>
 </div>

diff --git a/tests/js/spec/components/modals/__snapshots__/integrationDetailsModal.spec.jsx.snap b/tests/js/spec/components/modals/__snapshots__/integrationDetailsModal.spec.jsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`IntegrationDetailsModal renders simple integration 1`] = `
-<React.Fragment>
+<Fragment>
   <Flex
     align="center"
     mb={2}
@@ -119,5 +119,5 @@ exports[`IntegrationDetailsModal renders simple integration 1`] = `
       size="small"
     />
   </div>
-</React.Fragment>
+</Fragment>
 `;