test: Run in node

.eslintrc.js

@@ -0,0 +1,6 @@
+module.exports = {
+  extends: require.resolve('kcd-scripts/dist/config/eslintrc.js'),
+  env: {
+    browser: false,
+  },
+}

src/__tests__/element-queries.js

@@ -1,5 +1,6 @@
 import {configure} from '../config'
 import {render, renderIntoDocument} from './helpers/test-utils'
+import document from './helpers/document'
 
 beforeEach(() => {
   document.defaultView.Cypress = null

src/__tests__/events.js

@@ -1,4 +1,6 @@
+import document from './helpers/document'
 import {fireEvent} from '..'
+const window = document.defaultView
 
 const eventTypes = [
   {
@@ -219,7 +221,7 @@ test('fires shortcut events on Window', () => {
 })
 
 test('throws a useful error message when firing events on non-existent nodes', () => {
-  expect(() => fireEvent(undefined, new MouseEvent('click'))).toThrow(
+  expect(() => fireEvent(undefined, new window.MouseEvent('click'))).toThrow(
     'Unable to fire a "click" event - please provide a DOM element.',
   )
 })

src/__tests__/example.js

@@ -7,6 +7,7 @@ import {
   wait,
   fireEvent,
 } from '../'
+import document from './helpers/document'
 
 function getExampleDOM() {
   // This is just a raw example of setting up some DOM

src/__tests__/get-queries-for-element.js

@@ -1,4 +1,5 @@
 import {getQueriesForElement} from '../get-queries-for-element'
+import document from './helpers/document'
 import {queries} from '..'
 
 test('uses default queries', () => {

src/__tests__/helpers.js

@@ -1,4 +1,6 @@
 import {getDocument, newMutationObserver} from '../helpers'
+import document from './helpers/document'
+const window = document.defaultView
 
 test('returns global document if exists', () => {
   expect(getDocument()).toBe(document)

src/__tests__/helpers/document.js

@@ -0,0 +1,9 @@
+// https://github.com/testing-library/jest-dom/blob/v4.1.2/src/__tests__/helpers/document.js
+if (global.document) {
+  module.exports = global.document
+} else {
+  const {JSDOM} = require('jsdom')
+  const {window} = new JSDOM()
+
+  module.exports = window.document
+}

src/__tests__/helpers/test-utils.js

@@ -1,4 +1,5 @@
 import {getQueriesForElement} from '../../get-queries-for-element'
+import document from './document'
 
 function render(html, {container = document.createElement('div')} = {}) {
   container.innerHTML = html

src/__tests__/pretty-dom.js

@@ -1,5 +1,6 @@
 import {prettyDOM, logDOM} from '../pretty-dom'
 import {render, renderIntoDocument} from './helpers/test-utils'
+import document from './helpers/document'
 
 beforeEach(() => {
   jest.spyOn(console, 'log').mockImplementation(() => {})

src/__tests__/wait-for-dom-change.js

@@ -1,4 +1,6 @@
 import {renderIntoDocument} from './helpers/test-utils'
+import document from './helpers/document'
+const window = document.defaultView
 
 function importModule() {
   return require('../').waitForDomChange

src/__tests__/wait-for-element-to-be-removed.js

@@ -1,4 +1,7 @@
 import {renderIntoDocument} from './helpers/test-utils'
+import document from './helpers/document'
+
+const window = document.defaultView
 
 function importModule() {
   return require('../').waitForElementToBeRemoved

src/role-helpers.js

@@ -3,6 +3,17 @@ import {prettyDOM} from './pretty-dom'
 
 const elementRoleList = buildElementRoleList(elementRoles)
 
+/**
+ * @param {Node} node -
+ * @returns {Window} -
+ */
+function defaultViewOf(node) {
+  // is null when node is already the document
+  return node.ownerDocument === null
+    ? node.defaultView
+    : node.ownerDocument.defaultView
+}
+
 /**
  * Partial implementation https://www.w3.org/TR/wai-aria-1.2/#tree_exclusion
  * which should only be used for elements with a non-presentational role i.e.
@@ -15,7 +26,7 @@ const elementRoleList = buildElementRoleList(elementRoles)
  * @returns {boolean} true if excluded, otherwise false
  */
 function isInaccessible(element) {
-  const window = element.ownerDocument.defaultView
+  const window = defaultViewOf(element)
   const computedStyle = window.getComputedStyle(element)
   // since visibility is inherited we can exit early
   if (computedStyle.visibility === 'hidden') {

tests/jest.config.node.js

@@ -11,5 +11,4 @@ module.exports = {
     '/__tests__/',
     '/__node_tests__/',
   ],
-  testMatch: ['**/__node_tests__/**.js'],
 }