如何在Docker容器中运行单元测试

Question

我已经创建了一个运行我的角度项目的docker容器，现在我试图在容器内运行我的单元测试失败。我需要一个无头浏览器来运行我的测试，而PhantomJS对我的口味来说太麻烦了，在运行测试时也会给Chrome带来不同的结果。

在这里，我提供我的Dockerfile：

# download (or use if it's in cache) the latest official image from node 
FROM node:latest 

# create directory in the container and set all privileges 
RUN mkdir -p /usr/src/app && chmod 777 /usr/src/app 

# make the directory available for following commands 
WORKDIR /usr/src/app 

# copy all local's frontend content to the WORKDIR 
COPY . /usr/src/app 

# Expose the port the app runs in 
EXPOSE 4200 

CMD ["npm", "start"] 

我用无头Chrome尝试，但仍需要更多的配置，我不知道该怎么做。任何人有任何想法？

Answer 1

，我发现了一个办法做到这一点：

我我的前端内安装了Chrome Dockerfile：

RUN wget -q -O - https://dl.google.com/linux/linux_signing_key.pub | apt-key add - 
RUN echo 'deb http://dl.google.com/linux/chrome/deb/ stable main' >> /etc/apt/sources.list 
RUN apt-get update && apt-get install --no-install-recommends -y google-chrome-stable 

和我在我的测试中使用了无头的Chrome，并在karma.config中进行了适当的配置：

browsers: ['Chrome_without_sandbox'], 
customLaunchers: { 
    Chrome_without_sandbox: { 
    base: 'ChromeHeadless', 
    flags: ['--no-sandbox'] // with sandbox it fails under Docker 
    } 
}, 

Answer 2

如果您使用的是硒，我建议您创建一个不同的容器来执行硒测试，我们将这个称为selenium-container。由于您使用的节点，有现有selenium webdriver for node，你可以在编写单元测试。

除了该容器，你可以使用the chrome standalone server作为无头的浏览器，这样就可以从硒容器执行单元测试，我们会打电话给这个chrome-container。

当编写单元测试，您可以通过连接到模拟浏览器服务器是这样开始你的测试：

var driver = new webdriver.Builder() 
    .forBrowser('chrome') 
    .usingServer('http://localhost:4444/wd/hub') 

这只是让你开始，该API是有据可查的，易于用于编写测试。

将单元测试与您的Angular项目隔离很好，这样它们就不会以任何方式相互干扰。开始测试可以通过使用docker compose的一个命令完成。你docker-compose.yml可能是这个样子：大量调查后

version: '3' 
services: 
    angular-app: 
    build: 
     context: . 
     dockerfile: Dockerfile 
    selenium_container: 
    build: 
     context: . 
     dockerfile: Dockerfile.selenium.test 
    depends_on: 
     - chrome-container 
     - angular-app 
    chrome-container: 
    image: selenium/standalone-chrome:3.4.0-einsteinium