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

Question

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

我有一个 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',
            },
        },

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

Answer 1

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

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

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

此致，浏览器堆栈支持

Answer 2

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

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

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

Run Mocha HTML Tests in Browserstack / DOM Testing in Cloud

selenium

mocha.js

karma-runner

chai

browserstack