Тесты трафарета js e2e в Google Cloud Build - PullRequest
Новая
       8

Тесты трафарета js e2e в Google Cloud Build

0 голосов
/ 21 января 2020

TL; DR: кто-нибудь знает, как создать правильный трафарет. js docker изображение для запуска сборки и тестирования трафарета?

Длинная форма:

Для запуска трафарета. js e2e-тесты в Google Cloud Build вам необходим пользовательский шаг сборки в виде docker изображения.
Вот пример Dockerfile: 

# THESE STEPS GET STENCIL BUILD WORKING & SHOULD HAVE GOT TESTING WORKING
FROM node:10-jessie-slim
WORKDIR /
RUN npm init stencil app stencil
WORKDIR /stencil
COPY package*.json ./
RUN npm install
WORKDIR /stencil/node_modules/puppeteer
RUN npm install
WORKDIR /stencil

# STEPS ADDED BASED ON https://github.com/puppeteer/puppeteer/blob/master/docs/troubleshooting.md#running-puppeteer-in-docker
RUN apt-get update && apt-get install -y --no-install-recommends ca-certificates curl wget && rm -rf /var/lib/apt/lists/*
RUN wget -q -O - https://dl-ssl.google.com/linux/linux_signing_key.pub | apt-key add - \
    && sh -c 'echo "deb [arch=amd64] http://dl.google.com/linux/chrome/deb/ stable main" >> /etc/apt/sources.list.d/google.list' \
    && apt-get update \
    && apt-get install -y google-chrome-unstable fonts-ipafont-gothic fonts-wqy-zenhei fonts-thai-tlwg fonts-kacst fonts-freefont-ttf \
      --no-install-recommends \
    && rm -rf /var/lib/apt/lists/*
RUN npm i puppeteer \
    # Add user so we don't need --no-sandbox.
    # same layer as npm install to keep re-chowned files from using up several hundred MBs more space
    && groupadd -r pptruser && useradd -r -g pptruser -G audio,video pptruser \
    && mkdir -p /stencil/home/pptruser/Downloads \
    && chown -R pptruser:pptruser /stencil/home/pptruser \
    && chown -R pptruser:pptruser /stencil/node_modules

ENTRYPOINT ["npm"]

Теперь вы вставляете это в файл облака build.yaml: 

steps:
  #1 Build stencil project
  - name: 'gcr.io/$PROJECT_ID/stencil'
    args: ['run','build']
  #2 Test stencil project
  - name: 'gcr.io/$PROJECT_ID/stencil'
    args: ['test']

В этом файле сборки работает шаг № 1, проверяющий установку трафарета. Однако шаг № 2 завершается неудачно с сообщением об ошибке:

[ОШИБКА] Редакция Chromium не загружается. Запустите "npm install" или "yarn Step # 2: install" Ошибка: версия Chromium не загружена. Запустите "npm Шаг # 2: установить" или "установить пряжу" на Launcher.launch Шаг # 2: (/workspace/node_modules/puppeteer/lib/Launcher.js:120:15)

Вышеприведенная ошибка связана с тем, что кукловод не обнаруживает хром (даже если установлена ​​локальная версия), и я уже запустил установку npm на кукловоде и проверил, что установлен локальный хром. Однако Документация Puppeteer упоминает, что запуск puppeteer в Docker является хитрым и дает решение, но их решение для контейнера docker, предназначенного только для Puppeteer.

Есть ли у кого-нибудь идея? как я могу создать действительный трафарет. js docker изображение с правильной настройкой кукловода?

1 Ответ

0 голосов
/ 22 января 2020

Мне наконец удалось заставить трафарет работать в контейнере, подходящем для Google Cloud Build. Основная проблема заключалась в том, что кукловод, который необходим для теста e2e, не работает как установленный, потому что у него нет установки chrome со всеми необходимыми зависимостями.

Чтобы исправить, вам нужно сделать три вещи:

  1. Установить Chrome отдельно
  2. Указать кукловода на установленный Chrome
  3. Изменить Конфигурация трафарета для запуска тестирования без изолированной программной среды

1 & 2 адресованы следующим Dockerfile: 

# Need jessie to install dependencies
FROM node:10-jessie-slim

# Copy files from stencil project
WORKDIR /
COPY package*.json ./
COPY node_modules/ ./node_modules

# Install wget & dependencies needed to install Chrome (next step)
RUN apt-get update && apt-get install -y --no-install-recommends ca-certificates curl wget && rm -rf /var/lib/apt/lists/*

# Install Chromium dev & dependencies
RUN wget -q -O - https://dl-ssl.google.com/linux/linux_signing_key.pub | apt-key add - \
    && sh -c 'echo "deb [arch=amd64] http://dl.google.com/linux/chrome/deb/ stable main" >> /etc/apt/sources.list.d/google.list' \
    && apt-get update \
    && apt-get install -y google-chrome-unstable fonts-ipafont-gothic fonts-wqy-zenhei fonts-thai-tlwg fonts-kacst fonts-freefont-ttf \
      --no-install-recommends \
    && rm -rf /var/lib/apt/lists/*

# Point puppeteer to the Chromium just installed
ENV PUPPETEER_EXECUTABLE_PATH '/usr/bin/google-chrome-unstable'

# Set entry point
ENTRYPOINT ["npm"]

Обратите внимание, что этот Dockerfile должен быть помещен в тот же каталог, что и ваш трафарет. project --ie находится в том же месте, что и ваш stencil.config.ts и пакет. json.

Также обратите внимание, что это будет работать, только если вы уже выполнили свои тесты в своей локальной среде. Это гарантирует, что необходимые тестовые зависимости установлены.

3 исправляется путем изменения файла stencil.config.ts, как показано в документации по трафарету , поэтому chrome запускается без песочницы: 

export const config: Config = {
  namespace: 'Foo',
  testing: {
    // run chrome with no sandbox to have it work in a container
    browserArgs: ['--no-sandbox', '--disable-setuid-sandbox'],
  },
  outputTargets: [
    { type: 'dist' },
    {
      type: 'www',
    },
  ],
};
...