From 0a2c4334e0409bcb2c1f416086f463faa7c39b9c Mon Sep 17 00:00:00 2001 From: Mark Miyashita Date: Sat, 2 Sep 2017 18:27:48 -0700 Subject: [PATCH] Polyfill the requestAnimationFrame for react-dom and properly test that the snapshots are actually shallow --- package.json | 1 + .../package.json | 3 ++- .../itShallowRenders.spec.js.snap | 13 +++++++++++++ .../src/__tests__/itShallowRenders.spec.js | 3 ++- yarn.lock | 19 +++++++++++++++++++ 5 files changed, 37 insertions(+), 2 deletions(-) create mode 100644 packages/jest-plugin-it-shallow-renders/src/__tests__/__snapshots__/itShallowRenders.spec.js.snap diff --git a/package.json b/package.json index 86ff104..567d32b 100644 --- a/package.json +++ b/package.json @@ -15,6 +15,7 @@ "jest": "^21.0.0-beta.1", "lerna": "^2.0.0", "lint-staged": "^4.0.3", + "raf": "^3.3.2", "rimraf": "^2.6.1" }, "babel": { diff --git a/packages/jest-plugin-it-shallow-renders/package.json b/packages/jest-plugin-it-shallow-renders/package.json index ab92697..cfa6c16 100644 --- a/packages/jest-plugin-it-shallow-renders/package.json +++ b/packages/jest-plugin-it-shallow-renders/package.json @@ -32,7 +32,8 @@ "react": "*" }, "devDependencies": { - "react": "^16.0.0-alpha" + "react": "^16.0.0-alpha", + "react-dom": "^16.0.0-alpha" }, "scripts": { "build": "babel src --out-dir build --ignore \"**/__tests__/**\"", diff --git a/packages/jest-plugin-it-shallow-renders/src/__tests__/__snapshots__/itShallowRenders.spec.js.snap b/packages/jest-plugin-it-shallow-renders/src/__tests__/__snapshots__/itShallowRenders.spec.js.snap new file mode 100644 index 0000000..4c18416 --- /dev/null +++ b/packages/jest-plugin-it-shallow-renders/src/__tests__/__snapshots__/itShallowRenders.spec.js.snap @@ -0,0 +1,13 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`itShallowRenders Text shallow renders snapshot 1`] = ` + +
+ +`; + +exports[`itShallowRenders View shallow renders snapshot 1`] = ` +
+
+
+`; diff --git a/packages/jest-plugin-it-shallow-renders/src/__tests__/itShallowRenders.spec.js b/packages/jest-plugin-it-shallow-renders/src/__tests__/itShallowRenders.spec.js index 57f70ef..2071587 100644 --- a/packages/jest-plugin-it-shallow-renders/src/__tests__/itShallowRenders.spec.js +++ b/packages/jest-plugin-it-shallow-renders/src/__tests__/itShallowRenders.spec.js @@ -1,4 +1,5 @@ // Libraries +import 'raf/polyfill'; import React from 'react'; // Modules @@ -7,7 +8,7 @@ import itShallowRenders from '../itShallowRenders'; // Test Components const View = () =>
; -const Text = () =>
; +const Text = () =>
; /* eslint-disable no-undef */ diff --git a/yarn.lock b/yarn.lock index 1863e0b..480761d 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4170,6 +4170,10 @@ performance-now@^0.2.0: version "0.2.0" resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-0.2.0.tgz#33ef30c5c77d4ea21c5a53869d91b56d8f2555e5" +performance-now@^2.1.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b" + pify@^2.0.0, pify@^2.2.0, pify@^2.3.0: version "2.3.0" resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c" @@ -4271,6 +4275,12 @@ qs@~6.4.0: version "6.4.0" resolved "https://registry.yarnpkg.com/qs/-/qs-6.4.0.tgz#13e26d28ad6b0ffaa91312cd3bf708ed351e7233" +raf@^3.3.2: + version "3.3.2" + resolved "https://registry.yarnpkg.com/raf/-/raf-3.3.2.tgz#0c13be0b5b49b46f76d6669248d527cf2b02fe27" + dependencies: + performance-now "^2.1.0" + randomatic@^1.1.3: version "1.1.7" resolved "https://registry.yarnpkg.com/randomatic/-/randomatic-1.1.7.tgz#c7abe9cc8b87c0baa876b19fde83fd464797e38c" @@ -4291,6 +4301,15 @@ react-deep-force-update@^1.0.0: version "1.1.1" resolved "https://registry.yarnpkg.com/react-deep-force-update/-/react-deep-force-update-1.1.1.tgz#bcd31478027b64b3339f108921ab520b4313dc2c" +react-dom@^16.0.0-alpha: + version "16.0.0-beta.5" + resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.0.0-beta.5.tgz#c9c2e5c059576f77b55e8c3959535d63cb1227e5" + dependencies: + fbjs "^0.8.9" + loose-envify "^1.1.0" + object-assign "^4.1.0" + prop-types "^15.5.6" + react-proxy@^1.1.7: version "1.1.8" resolved "https://registry.yarnpkg.com/react-proxy/-/react-proxy-1.1.8.tgz#9dbfd9d927528c3aa9f444e4558c37830ab8c26a"