diff --git a/jest.config.js b/jest.config.js index 326d7f5..5dfac61 100644 --- a/jest.config.js +++ b/jest.config.js @@ -5,7 +5,7 @@ module.exports = { // configure enzyme w/ react adapter '/test/config/configure-enzyme.js', // polyfill window.resizeTo - '/test/config/window-resizeTo.js' + 'window-resizeto/polyfill' ], transform: { // use babel-jest@23 for babel@6 support (https://github.com/facebook/jest/issues/8230#issuecomment-479470547) diff --git a/package-lock.json b/package-lock.json index b76d98f..e78534e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -15504,6 +15504,12 @@ "string-width": "^1.0.2 || 2" } }, + "window-resizeto": { + "version": "0.0.2", + "resolved": "https://registry.npmjs.org/window-resizeto/-/window-resizeto-0.0.2.tgz", + "integrity": "sha512-681jdLyc6p+Whk7lFxWISm+V49ymURtBN+Oz5j5c6UnYoBpqc2Q8e3pjZ5VtedC01TjJqr2Xt9XdJMid4KxZmQ==", + "dev": true + }, "window-size": { "version": "0.1.0", "resolved": "https://registry.npmjs.org/window-size/-/window-size-0.1.0.tgz", diff --git a/package.json b/package.json index 7edfebe..69652aa 100644 --- a/package.json +++ b/package.json @@ -75,6 +75,7 @@ "standard": "^13.0.2", "style-loader": "^0.13.1", "webpack": "^1.12.2", - "webpack-dev-server": "^1.10.1" + "webpack-dev-server": "^1.10.1", + "window-resizeto": "0.0.2" } } diff --git a/test/config/window-resizeTo.js b/test/config/window-resizeTo.js deleted file mode 100644 index 3366650..0000000 --- a/test/config/window-resizeTo.js +++ /dev/null @@ -1,10 +0,0 @@ -// polyfill window.resizeTo in jsdom environment -// https://spectrum.chat/testing-library/help-react/how-to-set-window-innerwidth-to-test-mobile~70aa9572-b7cc-4397-92f5-a09d75ed24b8?m=MTU1OTU5MTI2MTI0MQ== -window.resizeTo = function resizeTo (width, height) { - Object.assign(window, { - innerWidth: width, - innerHeight: height, - outerWidth: width, - outerHeight: height - }).dispatchEvent(new window.Event('resize')) -}