@instructure/canvas-rce 6.0.0 → 7.2.0

package/testcafe/RCEWrapper.test.js

@@ -1,319 +0,0 @@
-/*
- * Copyright (C) 2019 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Affero General Public License along
- * with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-
-import {Selector, ClientFunction} from 'testcafe'
-fixture`RCEWrapper`.page`./testcafe.html`
-const tinyIframe = Selector('#textarea_ifr')
-const textArea = Selector('.RceHtmlEditor')
-const rceContainer = Selector('.tox-tinymce')
-const toggleButton = Selector('button').withText('</>')
-const linksButton = Selector('[role="button"][aria-label="Links"] .tox-split-button__chevron')
-const externalLinksMenuItem = Selector('[role^="menuitem"][title="External Links"]')
-const courseLinksMenuItem = Selector('[role^="menuitem"][title="Course Links"]')
-const editLinkMenuItem = Selector('[role^="menuitem"][title="Edit Link"]')
-const removeLinkMenuItem = Selector('[role^="menuitem"][title="Remove Link"]')
-const linkDialog = Selector('[data-testid="RCELinkOptionsDialog"]')
-const linkTray = Selector('[data-testid="RCELinkOptionsTray"]')
-const selectword = Selector('#selectword')
-const linksTraySelector = '[role="dialog"][aria-label="Course Links"]'
-const rceBody = Selector('#tinymce')
-const linksPanelSelector = Selector('[data-testid="instructure_links-LinksPanel"]')
-
-function named(name) {
-  return Selector(`[name="${name}"]`)
-}
-
-function specificValue(value) {
-  return Selector(`[value="${value}"]`)
-}
-
-test.skip('edits in the textarea are reflected in the editor', async t => {
-  // const myText = ClientFunction(() => document.querySelector('#tinymce').innerText)
-  await t
-    .click(toggleButton)
-    .typeText(textArea, 'this is new content')
-    .click(toggleButton)
-    .switchToIframe(tinyIframe)
-
-  await t.expect(rceBody.withExactText('this is new content').visible).ok().switchToMainWindow()
-
-  await t
-    .click(toggleButton)
-    .pressKey('end')
-    .typeText(textArea, 'this is more content')
-    .click(toggleButton)
-    .switchToIframe(tinyIframe)
-    .expect(Selector('body').find('p').withExactText('this is new content').visible)
-    .ok()
-    .expect(Selector('body').find('p').withExactText('this is more content').visible)
-    .ok()
-    .switchToMainWindow()
-})
-
-test.skip('shows the create links menu', async t => {
-  await t
-    .click(toggleButton)
-    .typeText(textArea, '<div>this is <span id="selectword">selected</span> text</div>')
-    .click(toggleButton)
-    .expect(rceContainer.visible)
-    .ok()
-
-  await t
-    .switchToIframe(tinyIframe)
-    .selectEditableContent(selectword, selectword)
-    .switchToMainWindow()
-    .click(linksButton)
-    .expect(externalLinksMenuItem.visible)
-    .ok()
-    .expect(courseLinksMenuItem.visible)
-    .ok()
-})
-
-test.skip('shows the edit links menu', async t => {
-  await t
-    .click(toggleButton)
-    .typeText(
-      textArea,
-      '<div>this is <a href="http://example.com"><span id="selectword">selected</span></a> text</div>'
-    )
-    .click(toggleButton)
-    .expect(rceContainer.visible)
-    .ok()
-
-  await t
-    .switchToIframe(tinyIframe)
-    .selectEditableContent(selectword, selectword)
-    .switchToMainWindow()
-    .click(linksButton)
-    .expect(editLinkMenuItem.visible)
-    .ok()
-    .expect(removeLinkMenuItem.visible)
-    .ok()
-})
-
-test.skip('can create an external link', async t => {
-  await t
-    .click(toggleButton)
-    .typeText(textArea, '<div>this is <span id="selectword">selected</span> text</div>')
-    .click(toggleButton)
-    .expect(rceContainer.visible)
-    .ok()
-
-  await t
-    .switchToIframe(tinyIframe)
-    .selectEditableContent(selectword, selectword)
-    .switchToMainWindow()
-    .click(linksButton)
-    .click(externalLinksMenuItem)
-    .expect(linkDialog.visible)
-    .ok()
-    .expect(named('linklink').visible)
-    .ok()
-
-  await t
-    .typeText(named('linklink'), 'https://instructure.com')
-    .click(Selector('button').withText('Done'))
-    .switchToIframe(tinyIframe)
-    .expect(
-      Selector('a')
-        .withAttribute('href', 'https://instructure.com')
-        .withAttribute('target', '_blank').exists
-    )
-    .ok()
-})
-
-test.skip('can edit an external link', async t => {
-  await t
-    .click(toggleButton)
-    .typeText(
-      textArea,
-      '<div>this is <a href="http://example.com"><span id="selectword">selected</span></a> text</div>'
-    )
-    .click(toggleButton)
-    .expect(rceContainer.visible)
-    .ok()
-
-  await t
-    .switchToIframe(tinyIframe)
-    .selectEditableContent(selectword, selectword)
-    .switchToMainWindow()
-
-  // the link is selected, the toolbar button should be enabled
-  // await t.expect(linksButton.hasClass('tox-tbtn--enabled')).ok()
-
-  await t.click(linksButton).click(editLinkMenuItem).expect(linkTray.visible).ok()
-
-  await t.expect(specificValue('http://example.com').exists).ok()
-  await t.expect(specificValue('selected').exists).ok()
-})
-
-test.skip('expands selection to edit external link', async t => {
-  await t
-    .click(toggleButton)
-    .typeText(
-      textArea,
-      '<div>this is <a href="http://example.com"><span id="selectword">selected</span></a> text</div>'
-    )
-    .click(toggleButton)
-    .expect(rceContainer.visible)
-    .ok()
-
-  await t.switchToIframe(tinyIframe).click(selectword, {caretPos: 1}).switchToMainWindow()
-
-  await t.click(linksButton).click(editLinkMenuItem).expect(linkTray.visible).ok()
-
-  await t.expect(specificValue('http://example.com').exists).ok()
-  await t.expect(specificValue('selected').exists).ok()
-})
-
-test.skip('can remove a link', async t => {
-  await t
-    .click(toggleButton)
-    .typeText(
-      textArea,
-      '<div>this is <a href="http://example.com"><span id="selectword">selected</span></a> text</div>'
-    )
-    .click(toggleButton)
-    .expect(rceContainer.visible)
-    .ok()
-
-  await t
-    .switchToIframe(tinyIframe)
-    .selectEditableContent(selectword, selectword)
-    .switchToMainWindow()
-    .click(linksButton)
-    .click(removeLinkMenuItem)
-
-  await t.switchToIframe(tinyIframe).expect(Selector('a').exists).notOk()
-})
-
-// fails at the React.lazy call to load the tray's panel
-test.skip('focus returns on dismissing tray', async t => {
-  const tinymceSelection = ClientFunction(() => tinymce.get('textarea').selection.getContent()) // the textarea id is from testcafe.html
-  const focusedId = ClientFunction(() => document.activeElement.id)
-  const focusedTag = ClientFunction(() => document.activeElement.tagName)
-  const ltSelector = Selector(linksTraySelector)
-
-  await t
-    .click(toggleButton)
-    .typeText(textArea, '<div>this is <span id="selectword">selected</span> text</div>')
-    .click(toggleButton)
-    .expect(rceContainer.visible)
-    .ok()
-
-  await t
-    .switchToIframe(tinyIframe)
-    .selectEditableContent(selectword, selectword)
-    .switchToMainWindow()
-    .click(linksButton)
-    .click(courseLinksMenuItem)
-
-  await linksPanelSelector()
-
-  await t
-    .expect(ltSelector.visible)
-    .ok()
-    .click(Selector(`${linksTraySelector} button`).withText('Close'))
-    .expect(ltSelector.exist)
-    .notOk()
-
-  await t
-    .expect(tinymceSelection())
-    .eql('selected')
-    .expect(focusedId())
-    .eql('textarea_ifr')
-
-    .switchToIframe(tinyIframe)
-    .expect(focusedTag())
-    .eql('BODY')
-})
-
-test.skip('show the kb shortcut modal various ways', async t => {
-  const kbshortcutbutton = Selector('button[data-testid="ShowOnFocusButton__button"]')
-  const sbKbshortcutbutton = Selector('button[title="View keyboard shortcuts"]')
-  const shortcutmodal = Selector('[data-testid="RCE_KeyboardShortcutModal"]')
-  const focusKBSCBtn = ClientFunction(() => kbshortcutbutton().focus(), {
-    dependencies: {kbshortcutbutton},
-  })
-  const focusSBKBSCBtn = ClientFunction(() => sbKbshortcutbutton().focus(), {
-    dependencies: {sbKbshortcutbutton},
-  })
-
-  await t.expect(kbshortcutbutton.exists).ok()
-
-  await focusKBSCBtn()
-
-  // open keyboard shortcut modal from the show-on-focus button
-  // close with escape
-  await t
-    .expect(kbshortcutbutton.visible)
-    .ok()
-    .click(kbshortcutbutton)
-    .expect(shortcutmodal.visible)
-    .ok()
-    .pressKey('esc')
-    .expect(shortcutmodal.exists)
-    .notOk()
-
-  // open modal using alt+0
-  // close with the close button
-  // await t
-  //   .switchToIframe(tinyIframe)
-  //   .click(Selector('body'))
-  //   .pressKey('alt+0')
-  //   .expect(shortcutmodal.visible)
-  //   .ok()
-  //   .click(Selector('button').withText('Close'))
-  //   .expect(shortcutmodal.exists)
-  //   .notOk()
-
-  // open modal from button in status bar
-  // debugger;
-  // close with the close button
-  await focusSBKBSCBtn()
-
-  await t
-    .expect(sbKbshortcutbutton.exists)
-    .ok()
-    .click(sbKbshortcutbutton)
-    .expect(shortcutmodal.visible)
-    .ok()
-    .click(Selector('button').withText('Close'))
-    .expect(shortcutmodal.exists)
-    .notOk()
-})
-
-// test.skip('can bring up the images dialog', async t => {
-//   await t
-//     .switchToMainWindow()
-//     .click(imagesButton())
-//     .click(uploadImageMenuItem())
-//     .expect(uploadImageDialog().visible)
-//     .ok()
-
-// await t
-//   .typeText(named('linklink'), 'https://instructure.com')
-//   .click(Selector('button').withText('Done'))
-//   .switchToIframe(tinyIframe)
-//   .expect(
-//     Selector('a')
-//       .withAttribute('href', 'https://instructure.com')
-//       .withAttribute('target', '_blank').exists
-//   )
-//   .ok()
-// })

package/testcafe/StatusBar.test.js

@@ -1,108 +0,0 @@
-/*
- * Copyright (C) 2019 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Affero General Public License along
- * with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-
-import {Selector} from 'testcafe'
-fixture`StatusBar`.page`./testcafe.html`
-
-const tinyIframe = Selector('#textarea_ifr')
-const application = Selector('.tox-tinymce[role="document"]')
-const textArea = Selector('.RceHtmlEditor')
-const statusPath = Selector('[data-testid="whole-status-bar-path"]')
-const wordCount = Selector('[data-testid="status-bar-word-count"]')
-const toggleButton = Selector('button').withText('</>')
-const dragHandle = Selector('[name="IconDragHandle"]')
-
-test.skip('toggles between rce and html views', async t => {
-  const rceContainer = Selector('.tox-tinymce')
-  const keyboardButton = Selector('button[title="View keyboard shortcuts"]')
-  const a11yButton = Selector('button[title="Accessibility Checker"]')
-  await t.expect(rceContainer.visible).ok('rce should be initially visible')
-  // initially empty, so it's not visible, but we just care that it exists
-  await t.expect(statusPath.exists).ok('rich content path should be visible')
-  await t.expect(keyboardButton.visible).ok('keyboard button should be visible')
-  await t.expect(a11yButton.visible).ok('a11yButton button should be visible')
-  await t.expect(wordCount.visible).ok('word count should be visible')
-  await t.expect(textArea.visible).notOk('textarea should be initially invisible')
-  await t.click(toggleButton)
-  await t.expect(rceContainer.visible).notOk('rce should be invisible after toggle')
-  await t.expect(textArea.visible).ok('textarea should be visible after toggle')
-  await t.expect(statusPath.count).eql(0)
-  await t.expect(wordCount.count).eql(0)
-  await t.expect(keyboardButton.count).eql(0)
-  await t.expect(a11yButton.count).eql(0)
-  await t.expect(dragHandle.visible).ok('drag handle should still be visible')
-  await t.click(toggleButton)
-  await t.expect(rceContainer.visible).ok('rce should be visible after toggling again')
-  await t.expect(statusPath.visible).ok('rich content path should be visible again')
-  await t.expect(keyboardButton.visible).ok('keyboard button should be visible again')
-  await t.expect(a11yButton.visible).ok('a11yButton button should be visible again')
-  await t.expect(wordCount.visible).ok('word count should be visible again')
-  await t.expect(textArea.visible).notOk('textarea should be hidden after toggling again')
-})
-
-test.skip('counts words', async t => {
-  // search for the exact text for the selector will wait for it to change to this text
-  await t.expect(wordCount.withText('0 words').exists).ok()
-
-  await t.switchToIframe(tinyIframe).typeText('body', 'foo')
-  await t.switchToMainWindow().expect(wordCount.withText('1 word').exists).ok()
-
-  await t.switchToIframe(tinyIframe).typeText('body', ' bar baz bing')
-  await t.switchToMainWindow().expect(Selector('span').withText('4 words').exists).ok()
-})
-
-test.skip('displays the current html path', async t => {
-  await t.switchToIframe(tinyIframe).typeText('body', 'foo ')
-  await t.expect(Selector(statusPath).withText(/p.*strong.*em/).exists).notOk()
-  await t.switchToMainWindow().click(Selector('button[title="Bold"]'))
-  await t.switchToIframe(tinyIframe).typeText('body', 'bar ')
-  await t.switchToMainWindow().click(Selector('button[title="Italic"]'))
-  await t.switchToIframe(tinyIframe).typeText('body', 'baz ')
-  await t
-    .switchToMainWindow()
-    .expect(statusPath.withText(/p.*strong.*em/).exists)
-    .ok()
-})
-// these 2 tests fail in headless
-test.skip('drag handle resizes the editor', async t => {
-  const initialSize = await tinyIframe.boundingClientRect
-  await t.drag(dragHandle, -100, 400)
-  let finalSize = await tinyIframe.boundingClientRect
-  await t.expect(finalSize.height).eql(initialSize.height + 400)
-  await t.expect(finalSize.width).eql(initialSize.width)
-  await t.drag(dragHandle, -100, -300)
-  finalSize = await tinyIframe.boundingClientRect
-  await t.expect(finalSize.height).eql(initialSize.height + 100)
-  await t.expect(finalSize.width).eql(initialSize.width)
-})
-
-test.skip('drag handle in rce mode also resizes the textarea', async t => {
-  await t.drag(dragHandle, 0, 400)
-  const applicationHeight = await application.getStyleProperty('height')
-  await t.click(toggleButton)
-  const textareaHeight = await textArea.getStyleProperty('height')
-  await t.expect(textareaHeight).eql(applicationHeight)
-})
-
-test.skip('drag handle in textarea mode also resizes the rce', async t => {
-  await t.click(toggleButton).drag(dragHandle, 0, 400)
-  const textareaHeight = await textArea.getStyleProperty('height')
-  await t.click(toggleButton)
-  const rceHeight = await application.getStyleProperty('height')
-  await t.expect(rceHeight).eql(textareaHeight)
-})

package/testcafe/enhanceUserContent.html

@@ -1,58 +0,0 @@
-<!DOCTYPE html>
-<html dir="ltr" lang="en">
-  <head>
-    <title>enhanceUserContent TestCafe page</title>
-  </head>
-  <body>
-    <div id="enhance_me">
-      <div class="user_content">
-        <p>
-          external link:
-          <a class="inline_disabled" href="https://instructure.com/" target="_blank" rel="noopener">
-            instructure is external
-          </a>
-        </p>
-        <p>
-          inline preview:
-          <a
-            class="instructure_file_link instructure_scribd_file"
-            href="http://localhost:3000/courses/1/files/13?wrap=1"
-            target="_blank"
-            rel="noopener"
-            data-canvas-previewable="true"
-            data-api-endpoint="http://localhost:3000/api/v1/courses/1/files/13"
-            data-api-returntype="File"
-            >wrappedOpts.pdf</a
-          >
-        </p>
-        <p>
-          auto inline:
-          <a
-            class="instructure_file_link instructure_scribd_file auto_open"
-            href="http://localhost:3000/courses/1/files/13?wrap=1"
-            target="_blank"
-            rel="noopener"
-            data-canvas-previewable="true"
-            data-api-endpoint="http://localhost:3000/api/v1/courses/1/files/13"
-            data-api-returntype="File"
-            >wrappedOpts.pdf</a
-          >
-        </p>
-        <p>
-          in overlay:
-          <a
-            class="instructure_file_link instructure_scribd_file inline_disabled"
-            href="http://localhost:3000/courses/1/files/13?wrap=1"
-            target="_blank"
-            rel="noopener"
-            data-canvas-previewable="true"
-            data-api-endpoint="http://localhost:3000/api/v1/courses/1/files/13"
-            data-api-returntype="File"
-            >wrappedOpts.pdf</a
-          >
-        </p>
-      </div>
-    </div>
-    <script src="build/testcafe.js"></script>
-  </body>
-</html>

package/testcafe/enhanceUserContent.test.js

@@ -1,44 +0,0 @@
-/*
- * Copyright (C) 2022 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Affero General Public License along
- * with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-
-import {Selector} from 'testcafe'
-fixture`EnhanceUserContent`.page`./enhanceUserContent.html`
-
-// const externalLink = Selector(
-//   'a.inline_disabled.external[target="_blank"][rel="noreferrer noopener"]'
-// )
-const externalLinkIcon = Selector('span.external_link_icon svg')
-const downloadButton = Selector('a.file_download_btn svg')
-// const loadingPreviewSpinner = Selector('.loading_image_holder')
-const autoOpenInlinePreviewLink = Selector('.auto_open.file_preview_link')
-const inlinePreviewContainer = Selector('.preview_container')
-const overlayPreviewLink = Selector('.inline_disabled.preview_in_overlay')
-
-test('enhances user_content', async t => {
-  // this one passes locally, but fails in jenkins!?!
-  // await t.expect(externalLink.exists).ok('there should be a decorated external link')
-  await t.expect(externalLinkIcon.exists).ok('there should be an external link icon')
-  await t.expect(downloadButton.exists).ok('there should be a download button')
-  // this has started failing too. I don't know why
-  // await t.expect(loadingPreviewSpinner.exists).ok('there should be a loading spinner')
-  await t
-    .expect(autoOpenInlinePreviewLink.exists)
-    .ok('there should be an auto_open inline preview link')
-  await t.expect(inlinePreviewContainer.exists).ok('there should be an inline preview container')
-  await t.expect(overlayPreviewLink.exists).ok('there should be an overlay preveiw link')
-})

package/testcafe/entry.jsx

@@ -1,77 +0,0 @@
-/*
- * Copyright (C) 2019 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Affero General Public License along
- * with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-
-// import React from 'react'
-// import ReactDOM from 'react-dom'
-
-import '@instructure/canvas-theme'
-
-import {renderIntoDiv} from '../src'
-import {enhanceUserContent} from '../src/enhance-user-content'
-
-const content = document.getElementById('content')
-if (content) {
-  renderIntoDiv(content, {
-    textareaId: 'textarea',
-    editorOptions: () => {
-      return {
-        plugins: [
-          'autolink',
-          'media',
-          'paste',
-          'table',
-          'link',
-          'image',
-          'instructure_upload_image',
-          'directionality',
-          'lists',
-          'wordcount',
-          'instructure-ui-icons',
-          'instructure_equation',
-          'instructure-embeds',
-          'instructure_condensed_buttons',
-          'instructure_documents',
-          'instructure_equation',
-          'instructure_media_embed',
-          'instructure_image',
-          'instructure_rce_external_tools',
-          'instructure_record',
-          'instructure_links',
-          'instructure_html_view',
-        ],
-        menubar: true,
-        screenReaderOnly: false,
-      }
-    },
-    trayProps: {
-      contextType: 'course',
-      contextId: '17',
-      containingContext: {type: 'course', contextId: '17', userId: '3', contextType: 'course'},
-      canUploadFiles: true,
-      host: 'someOtherHost',
-      jwt: 'someJWT',
-      liveRegion: () => {},
-      screenReaderOnly: false,
-    },
-  })
-} else {
-  const user_content = document.getElementById('enhance_me')
-  if (user_content) {
-    enhanceUserContent(user_content)
-  }
-}

package/testcafe/testcafe.html

@@ -1,14 +0,0 @@
-<!doctype html>
-<html dir="ltr" lang="en">
-<head>
-  <title>
-    Basic RCE TestCafe page
-  </title>
-</head>
-<body>
-  <main id="content">
-    <textarea id="textarea"></textarea>
-  </main>
-  <script src="build/testcafe.js"></script>
-</body>
-</html>

package/webpack.testcafe.config.js

@@ -1,61 +0,0 @@
-/*
- * Copyright (C) 2019 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Affero General Public License along
- * with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-
-const path = require('path')
-const webpack = require('webpack')
-
-module.exports = {
-  module: {
-    rules: [
-      {
-        test: /\.(js|ts|jsx|tsx)$/,
-        exclude: /node_modules/,
-        loader: 'babel-loader',
-        options: {
-          plugins: [
-            '@babel/plugin-proposal-class-properties',
-            '@babel/plugin-proposal-optional-chaining',
-            '@babel/plugin-proposal-nullish-coalescing-operator',
-          ],
-          presets: [['@babel/preset-react'], ['@babel/preset-typescript']],
-        },
-      },
-      {test: /(\.css$)/, include: /node_modules/, loaders: ['style-loader', 'css-loader']},
-      {test: /\.(png|woff|woff2|eot|ttf|svg)$/, loader: 'url-loader?limit=100000'},
-    ],
-  },
-  resolve: {
-    extensions: ['.ts', '.js', '.tsx', '.jsx'],
-  },
-  plugins: [
-    new webpack.DefinePlugin({
-      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
-      'process.env.DEBUG': JSON.stringify(process.env.DEBUG),
-      ENV: JSON.stringify(process.env.NODE_ENV),
-    }),
-  ],
-  mode: 'development',
-  entry: {
-    testcafe: [path.join(__dirname, 'testcafe', 'entry.js')],
-  },
-  output: {
-    path: path.join(__dirname, 'testcafe/build'),
-    filename: '[name].js',
-    publicPath: path.join(__dirname, 'testcafe/build/'),
-  },
-}