javascript - 测试 cafe + electron + create-react-app 没有正确加载 bundle.js

标签 javascript electron create-react-app e2e-testing testcafe

我遇到了无法正确加载 testcafe 的问题。它启动 testcafe 服务并加载 index.html 文件,但包从未加载,因此任何 DOM 选择都会失败,因为它不可用。

由于 create-react-app,我们从示例中获得了不同的文件夹结构,我不想偏离这些结构。

文件夹结构

|-_e2eTest
|--...testFiles
|-build
|-public
|--index.html
|-src
|--index.js
|--electron-starter.js
|-.testcafe-electron-rc
|-package.json

package.json

{
...
  "main": "./src/electron-starter.js",
  "scripts": {
    ...
    "testcafe": "testcafe electron:. ./_e2eTest/**/*.js"
    ...
  }
}

.testcafe-electron-rc

{
  "mainWindowUrl": "./build/index.html", // works similarly with "./public/index.html"
  "appPath": "./"
}

引用链接

https://github.com/DevExpress/testcafe-browser-provider-electron

https://github.com/DevExpress/testcafe-browser-provider-electron/issues/25

https://github.com/DevExpress/testcafe-browser-provider-electron/issues/30

最佳答案

我根据这个 guide 创建了一个示例 React+Electron 项目并且在 TestCafe 集成方面没有遇到任何问题。

我只能假设配置中某处有错误,所以如果您向我们提供您的项目,我们将不胜感激。在这种情况下,我将能够详细研究该问题。请使用以下 form 在 GitHub 上创建一个单独的问题

关于javascript - 测试 cafe + electron + create-react-app 没有正确加载 bundle.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54988921/

相关文章:

amazon-s3 - 如何将 AWS S3 存储桶源 URL 设置为 Electron autoUpdater

node.js - Electron 打包应用程序问题 - 许可证和 node.dll

node.js - React 路由器、nginx、 Node 、静态文件

javascript - 在nodejs中将excel文件转换为json

node.js - 通过node.js在另一个目录中运行npm install

javascript - 如何隐藏 <div> 并仅在 &lt;textarea&gt; 具有焦点时显示它?

reactjs - 匹配 webpack-dev-server HistoryApiFallback 中的根路由

javascript - 如何将 ReactJS/build 文件夹添加到现有网站结构

javascript - 拖放、交换、Mysql

javascript - 如何正确调用由 filepicker 触发的 onChange 事件?