使用 docker+jenkins+codecept+seleniod 搭建前端测试框架

本文链接：https://blog.csdn.net/DJ355/article/details/131957994

本文介绍了如何利用Docker、Jenkins、CodeceptJS和Selenoid搭建前端自动化测试平台。从安装Docker、Git到配置防火墙，再到安装Selenoid和CodeceptJS，详细阐述了每个步骤，并提到了持续集成和测试结果展示，包括视频存储和VNC。最后，作者分享了自动化测试的一些经验和资源。

摘要由CSDN通过智能技术生成

前言：

随着前端开发的不断发展，测试已经成为了一个非常重要的环节。为了保证前端应用的质量和稳定性，我们需要进行各种类型的测试，包括自动化测试、手动测试、端到端测试等。在实际的开发中，我们可以使用 Docker、Jenkins、Codecept 和 Selenium WebDriver 等工具来搭建一个前端测试平台，从而大大提高测试效率和质量。

1 - 安装 docker

首先是安装 docker，这里我们使用的是 centos 安装 docker,点我直达安装文档

简单的几步即可安装

sudo yum install -y yum-utils \
  device-mapper-persistent-data \
  lvm2

sudo yum-config-manager \
    --add-repo \
    https://download.docker.com/linux/centos/docker-ce.repo

sudo yum install docker-ce
sudo systemctl start docker
sudo docker run hello-world

然后发现连接不上镜像.

用 systemctl enable docker 启用服务后，编辑 /etc/systemd/system/multi-user.target.wants/docker.service 文件，
找到 ExecStart= 这一行，在这行最后添加加速器地址 --registry-mirror=<加速器地址>，如：

ExecStart=/usr/bin/dockerd --registry-mirror=https://rpwutt5n.mirror.aliyuncs.com

2 - 安装 git

这里我们使用 git 来拉取代码到 Linux 服务器上，服务器上需要安装 git

sudo yum install git -y

3 - 安装 docker 管理界面

为了防止对命令行过敏的人群，我们还可以提供一个 web 管理界面让大家使用。这里

简单的命令就可以部署：

# 先初始化为集群管理
[root@xxx-R3-srv ~]# docker swarm init
Swarm initialized: current node (410uoxsu2amj6czkkahimyln1) is now a manager.

To add a worker to this swarm, run the following command:

    docker swarm join --token SWMTKN-1-2i9apdywgkwqogjbydwn9fuu5r145pmc39218taseds1fokytr-0stcvbdkpisrhi9yg5pfq1g9e 192.168.31.215:2377

To add a manager to this swarm, run 'docker swarm join-token manager' and follow the instructions.

# 部署
docker service create \
--name portainer \
--publish 9000:9000 \
--replicas=1 \
--constraint 'node.role == manager' \
--mount type=bind,src=//var/run/docker.sock,dst=/var/run/docker.sock \
--mount type=volume,src=portainer_data,dst=/data \
portainer/portainer \
-H unix:///var/run/docker.sock

4 - 服务器防火墙

centos 采用 firewall 做为防火墙，可以简单的 disable 掉

sudo systemctl stop firewalld
sudo systemctl disable firewalld

为了安全，我们也可以简单设置一下防火墙端口开放

firewall-cmd --zone=public --add-port=80/tcp(永久生效再加上 --permanent)
说明：
–zone 作用域
–add-port=8080/tcp 添加端口，格式为：端口/通讯协议
–permanent #永久生效，没有此参数重启后失效

# 重启防火墙
firewall-cmd --reload

5 - 安装 selenoid

我们要基于 selenoid 搭建前端自动化平台。官方文档

selenoid 有以下几个优点：

基于 docker 的多种浏览器
提供脚本执行时候的运行视频
搭建方便，管理方便

下面就简单看一下官方文档.

quickstart

首先先写好配置文件

{
    "firefox": {
        "default": "57.0",