anixe/chrome_headless

Node.js + 无头Chrome测试环境镜像

镜像概述

本Docker镜像集成了Node.js运行环境与无头Chrome浏览器，专为前端单元测试场景设计。通过预配置的Node.js环境和无头Chrome，提供即开即用的测试执行环境，简化前端测试流程，确保测试环境一致性。

核心功能与特性

• 环境集成：包含Node.js运行时与无头Chrome浏览器，无需额外安装依赖
• 测试支持：兼容主流前端测试框架（如Jest、Mocha、Cypress等）
• 轻量级设计：优化镜像体积，适合CI/CD流程集成
• 无头模式：Chrome以无头模式运行，无需图形界面，适合服务器环境
• 版本稳定：Node.js与Chrome版本经过兼容性测试，确保测试稳定性

使用场景

• 前端单元测试自动化执行
• CI/CD流水线中的前端测试环节
• 本地开发环境的测试环境统一
• 跨平台前端测试环境标准化

使用方法

基础使用（docker run）

bash
docker run -v $(pwd):/app -w /app [镜像名称] npm test

• -v $(pwd):/app：将本地当前目录挂载到容器内的/app目录
• -w /app：设置工作目录为/app
• npm test：执行项目中的测试命令（可根据实际项目调整）

Docker Compose配置示例

yaml
version: '3'
services:
  test:
    image: [镜像名称]
    volumes:
      - ./:/app
    working_dir: /app
    command: npm test

环境变量配置

自定义测试命令

根据项目测试框架不同，可修改执行命令：

bash
# Jest测试
docker run -v $(pwd):/app -w /app [镜像名称] npx jest

# Mocha测试
docker run -v $(pwd):/app -w /app [镜像名称] npx mocha

# Cypress测试
docker run -v $(pwd):/app -w /app [镜像名称] npx cypress run

注意事项

• 确保本地项目已安装依赖（可通过npm install提前安装）
• 对于需要网络访问的测试，容器需配置网络权限
• 如需持久化测试结果，可挂载测试报告目录：-v $(pwd)/reports:/app/reports