在 CI 管道中运行开发服务器

Question

我有一个使用 Github Action/Workflows 的 CI 管道设置，我想在其中运行 Cypress 自动化测试，但是我在如何运行我的开发服务器方面遇到了一些逻辑问题。让我告诉你我的管道

name: Nuxt CI Pipeline

on:
  push:
    branches: [ CI-pipeline ]
  # pull_request:
  #   branches: [ master ]

jobs:
  build:

    runs-on: ubuntu-latest

    strategy:
      matrix:
        node-version: [ 14.x ]
        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/

    steps:
    - uses: actions/checkout@v2
    - name: Use Node.js ${{ matrix.node-version }}
      uses: actions/setup-node@v2
      with:
        node-version: ${{ matrix.node-version }}
        cache: 'npm'
    - name: Make envfile
      uses: SpicyPizza/create-envfile@v1
      with:
        envkey_ENV: staging
        file_name: .env
    - run: npm ci
    - run: npm run dev
    - run: | 
        cd e2e
        ls -l
        npm ci
        npx cypress run

现在我想启动 devserver 并在该端口上运行测试，通常是 3000 ，但是问题是当执行命令 npm run dev 时，管道一直在那里等待并且不会向前移动，这对于 devserver 来说是有意义的不会像其他命令那样返回响应，所以它有点卡在那里。我对 devops 的了解很少，有人能指出我缺少什么吗？

Answer 1

我认为执行方式并不理想，特别是因为节点服务器最终也没有被正确杀死。使用像 start-server-and-test 这样的帮助程序包应该可以为您解决问题：

npm install --save-dev start-server-and-test

虽然我不确定你的 package.json 中的脚本背后到底是什么，但它最终可能看起来像这样：

  "scripts": {
    "start:ci": "<<start your dev server>>",
    "cy:run": "cypress run --browser chrome --headless",
    "cy:ci": "start-server-and-test start:ci http://localhost:3000 cy:run"
  }, 

然后，您可以使用 npm run cy:ci 在管道中将其作为单个命令简单地运行。该脚本将负责启动您的开发服务器，等待 URL 可用，然后执行测试，在所有测试完成后，它将关闭服务器。