Selenium 测试适用于生产但不适用于开发答案

【问题标题】：Selenium test works on production but not developmentSelenium 测试适用于生产但不适用于开发
【发布时间】：2021-07-08 08:39:55
【问题描述】：

我有一个Vue.js 应用程序，我想为其编写硒测试。当我针对已部署的应用生产版本运行测试时，测试通过，但针对本地版本运行时失败。

当然，在本地运行时，Vue.js 应用程序不是从构建运行，而是使用 npm run serve 运行。

我在本地设置了以下docker compose：

  app:
    build:
      context: .
      dockerfile: ./app.dockerfile
    image: app
    command: npm run serve
    ports:
      - 8080:8080
    volumes:
      - ./app:/app

  selenium:
    image: selenium/standalone-chrome:91.0
    depends_on:
      - app

  e2e-tests:
    build:
      context: .
      dockerfile: ./e2e_tests.dockerfile
    image: e2e-tests
    command: poetry run python ./foo.py
    depends_on:
      - app
      - selenium
    volumes:
      - ./e2e_tests:/app

这是一个基本测试，它使用e2e-tests 和selenium 容器在互联网上测试已部署的应用生产版本：

from selenium import webdriver

chrome_options = webdriver.ChromeOptions()
chrome_options.add_argument("--no-sandbox")
chrome_options.add_argument("--window-size=1420,1080")
chrome_options.add_argument("--headless")
driver = webdriver.Remote("http://selenium:4444/wd/hub", options=chrome_options)

driver.get('https://www.example.com')

try:
    assert 'My app title' in driver.title
except AssertionError:
    print('invalid title')

driver.quit()

如果我现在将上述测试更改为使用 app 容器，它只是 Vue 应用程序的本地运行版本，它会失败，因为标题为空：

driver.get('http://app:8080')

我尝试在 driver.get 之后添加 10 秒 wait 到测试中，但标题仍然为空。

【问题讨论】：

如果您在运行测试的机器上，并且打开指向app:8080 的浏览器，浏览器是否会打开预期的应用程序？浏览器有标题吗？只需检查目标 url 是否确实在您的脚本尝试运行的条件下工作。
是的，如果我转到localhost:8080，该网站会在我的笔记本电脑上正确显示。容器内部使用地址app:8080，即：app是docker compose服务的名称。

标签： python selenium vue.js selenium-chromedriver

【解决方案1】：

即使我可以通过浏览器访问该应用程序，当 selenium 尝试从 docker 中调用它时，该应用程序仍会返回 Invalid Host Header。一定是一些 docker 相关的特质。

解决方案是更新我的vue.config.js 如下：

module.exports = {
  devServer: {
    disableHostCheck: true
  }
};

disableHostCheck 解决了这个问题。显然，这应该只在开发中使用，因为如果在生产中启用它会带来安全风险。

【讨论】：