在 Browserstack 中运行 Mocha HTML 测试/在云中进行 DOM 测试答案

【问题标题】：Run Mocha HTML Tests in Browserstack / DOM Testing in Cloud在 Browserstack 中运行 Mocha HTML 测试/在云中进行 DOM 测试
【发布时间】：2021-10-11 10:36:10
【问题描述】：

我正在尝试在 Browserstack 上运行我使用 Mocha 和 Chai 为 assert 编写的 DOM 测试。

我有一个 HTML 文件 test.html，如下所示：

  <body>
    <div id="mocha"></div>

    <script src="https://unpkg.com/chai/chai.js"></script>
    <script src="https://unpkg.com/mocha/mocha.js"></script>

    <script class="mocha-init">
      mocha.setup('bdd');
      mocha.checkLeaks();
      assert = chai.assert;
    </script>
    <script src="MY_DOM_TESTS.js"></script>
    <script class="mocha-exec">
      mocha.run();
    </script>
  </body>

当我在本地浏览器中打开这个文件时，它会运行并显示所有测试都通过了。我现在的问题是如何在其中一个测试云中运行它，例如 Browserstack。

他们似乎有很多适配器和插件，但没有什么可以解释 HTML 文件中 DOM 测试的这种简单用例。一切似乎都与 js 文件有关，但不是 HTML 文件。

我曾尝试将 Karma 与他们的插件 karma-mocha 和 karma-browserstack-launcher 一起使用，但无济于事。我尝试让 Karma 运行这个简单的测试文件，但它似乎不起作用：

module.exports = function (config) {
    config.set({
        frameworks: ['mocha', 'chai'],
        files: [
            './tests/test.html',
        ],
        client: {
            mocha: {
                reporter: 'html',
                ui: 'bdd',
            },
        },

问题：如何在 Browserstack（或任何其他 Selenium 测试云）中使用上述 HTML 文件运行 DOM 测试？

【问题讨论】：

标签： selenium mocha.js karma-runner chai browserstack

【解决方案1】：

我想通了。您需要使用他们的local 测试（名称具有误导性），它基本上会打开一个本地服务器并将本地文件通过管道传输到浏览器堆栈。我在这里创建了一个关于如何在 browserstack 上的 HTML 文件中运行 mocha dom 测试的最小示例：

https://github.com/fritzfr/mocha-html-browserstack-bridge

【讨论】：

【解决方案2】：

感谢您对使用 Browserstack 在远程云上运行测试表现出兴趣。

我确实阅读了您的查询，并且可能发现您想在 Browserstack 上运行 HTML DOM 测试，但是，这是不受支持的，并且需要您使用 JS 测试框架并相应地编写测试才能运行测试。此外，您提到的文件是运行 JS 测试所必需的。

请注意，您可以使用不同的 Javascript 单元测试框架，例如 QUnit、Jasmine、Mocha 等来编写我们的第一个单元测试，同样您可以参考以下文档： https://www.browserstack.com/docs/automate/javascript-testing/getting-started

问候，浏览器堆栈支持

【讨论】：