add cypress-testing-library

cypress/support/commands.js

@@ -1,46 +1,4 @@
 import {generate} from '../utils'
-import * as queries from './queries'
-
-Cypress.Commands.add('getByTestId', id => {
-  return cy.get(`[data-testid="${id}"]`)
-})
-
-Cypress.Commands.add('getByLabelText', (...args) => {
-  return cy
-    .window()
-    .then(({document}) =>
-      getCommandWaiter(document, () =>
-        queries.queryByLabelText(document, ...args),
-      )(),
-    )
-})
-
-Cypress.Commands.add('getByText', (...args) => {
-  return cy
-    .window()
-    .then(({document}) =>
-      getCommandWaiter(document, () =>
-        queries.queryByText(document, ...args),
-      )(),
-    )
-})
-
-function getCommandWaiter(container, fn) {
-  return function waiter() {
-    const val = fn()
-    if (val) {
-      return val
-    } else {
-      return new Promise(resolve => {
-        const observer = new MutationObserver(() => {
-          observer.disconnect()
-          resolve(waiter())
-        })
-        observer.observe(container, {subtree: true, childList: true})
-      })
-    }
-  }
-}
 
 Cypress.Commands.add('logout', () => {
   return cy

cypress/support/index.js

@@ -1,2 +1,3 @@
 import 'babel-polyfill'
+import 'cypress-testing-library/add-commands'
 import './commands'

package.json

@@ -46,6 +46,7 @@
     "cross-env": "^5.1.3",
     "cross-spawn": "^6.0.4",
     "cypress": "^2.0.2",
+    "cypress-testing-library": "^1.0.0",
     "doctoc": "^1.3.0",
     "eslint": "^4.18.0",
     "eslint-config-kentcdodds": "^13.0.1",