如何调试运行在testcafe/testcafe docker容器中的Testcafe浏览器？

Question

在Page类中对React应用的登录函数进行了测试：

  async login(t) {
    console.log('starting login...');
    debugger;
    this.logBrowserMessages(t);

    await this.loginModal({ visibilityCheck: true });
    await t
      .expect(this.loginModal.visible)
      .ok()
    // then log the user in etc... 

以及测试，该测试在本地运行时通过，但在容器中失败

test.requestHooks(mock)('user can log in', async t => {

  await page.login(t);

  // Make sure test user's orders render.
  await t.expect(page.orders.childNodeCount).gt(1, { timeout: 10000 });

当在容器中运行时，测试在本地通过，但失败(登录不起作用)。

当我在本地运行测试时，它会按照预期进行调试：

testcafe chrome --inspect-brk=9230 ./tests/login.test.js --skip-js-errors

不出所料，process node_modules/testcafe/lib/cli会出现在我的chrome://inspect/#devices中。

但是，当我在testcafe docker容器中运行testcafe时，它不会使用以下任何命令进行调试：

docker run --expose 9230 -p 9230:9230 -e BASIC_AUTH_USER -e BASIC_AUTH_PASS -e NODE_ENV=docker -e TEST_USER -e TEST_PASS --shm-size=1gb -v `pwd`:/tests -v `pwd`/screenshots/docker:/screenshots testcafe/testcafe 'chromium --no-sandbox' --inspect-brk=0.0.0.0:9230 -S -s '/screenshots' --skip-js-errors /tests/**/login.test.js

docker run --expose 9230 -p 9230:9230 -e \"NODE_PATH=/opt:/opt/testcafe/node_modules:/tests/node_modules\" -e BASIC_AUTH_USER -e BASIC_AUTH_PASS -e NODE_ENV=docker -e TEST_USER -e TEST_PASS --shm-size=1gb -v `pwd`:/tests -v `pwd`/screenshots/docker:/screenshots testcafe/testcafe 'chromium --no-sandbox' --inspect-brk=0.0.0.0:9230 -S -s '/screenshots' --skip-js-errors /tests/**/login.test.js

docker run --expose 9230 -p 9230:9230 -e BASIC_AUTH_USER -e BASIC_AUTH_PASS -e NODE_ENV=docker -e TEST_USER -e TEST_PASS --shm-size=1gb -v `pwd`:/tests -v `pwd`/screenshots/docker:/screenshots testcafe/testcafe 'chromium --no-sandbox' --inspect-brk=127.0.0.1:9230 -S -s '/screenshots' --skip-js-errors /tests/**/login.test.js

docker run --expose 9230 -p 9230:9230 -e \"NODE_PATH=/opt:/opt/testcafe/node_modules:/tests/node_modules\" -e BASIC_AUTH_USER -e BASIC_AUTH_PASS -e NODE_ENV=docker -e TEST_USER -e TEST_PASS --shm-size=1gb -v `pwd`:/tests -v `pwd`/screenshots/docker:/screenshots testcafe/testcafe --inspect-brk=0.0.0.0:9230 --browsers 'chromium --no-sandbox' -S -s '/screenshots' --skip-js-errors /tests/**/login.test.js

docker run --expose 9230 -p 9230:9230 -e \"NODE_PATH=/opt:/opt/testcafe/node_modules:/tests/node_modules\" -e BASIC_AUTH_USER -e BASIC_AUTH_PASS -e NODE_ENV=docker -e TEST_USER -e TEST_PASS --shm-size=1gb -v `pwd`:/tests -v `pwd`/screenshots/docker:/screenshots testcafe/testcafe 'chromium --no-sandbox' -S -s '/screenshots' --skip-js-errors --inspect-brk=9230 /tests/**/login.test.js

我正在使用的容器是否有一些我没有意识到的限制？我之前调试过在Docker容器中运行的Node进程，我知道这是可以做到的。但那是不久前的事了。我是不是遗漏了什么？

Answer 1

您可以使用NODE_OPTIONS环境变量来启用远程调试：

docker run -it --rm -p 9229:9229 -e NODE_OPTIONS="--inspect-brk=0.0.0.0:9229" -v /host/path/to/tests:/tests testcafe/testcafe 'chromium --no-sandbox' /tests/test.js

如果不使用docker-machine，则可以在浏览器中打开http://localhost:9229/json并导航到在devtoolsFrontendUrl属性中指定的DevTools URL。

否则，使用docker-machine ip命令获取Docker的IP地址，并打开http://${DOCKER_MACHINE_IP}:9229/json以获取DevTools URL。

Answer 2

在Mac上进行开发的可能性很小，一种可能是您需要将主机指定为host.docker.internal而不是127.0.0.1，以便使主机上正在运行的服务对容器可见。这可能是本地和集装箱化测试运行之间的差异之一。

https://docs.docker.com/docker-for-mac/networking/