Где ошибка loki тестов в workflow github?

Question

[ih4rd]

Локально на проекте я собираю storybook, запуская локи тесты, всё проходит окей.
Но когда я это делаю на workflow github, какие-то компоненты почему-то не проходят.
Хочу посмотреть see .loki/.... .png чтоб понять в чём проблема, но такой директории нет.

Answer 1

[Vitaly Karasik]

Покажите ваш workflow и лог в текствовом виде.
Одна из типичных причин такой разницы - разные версии языков\библиотек локально и на runner. Сравните.

Comments

[ih4rd]

name: linting, testing, building
run-name: ${{ github.actor }} is testing out GitHub Actions 
on:
  push:
    branches: [ main ]
  pull_request:
    branches: [ main ]
jobs:
  pipeline:
    runs-on: ubuntu-latest
    strategy:
      matrix:
        node-version: [ 18.12.1 ]
    steps:
      - uses: actions/checkout@v2
      - name: Staring Node.js ${{ matrix.node-version }}
        uses: actions/setup-node@v1
        with:
          node-version: ${{ matrix.node-version }}
      - name: install modules
        run: npm install
      - name: build production project
        run: npm run build:prod
        if: always()
      - name: linting typescript
        run: npm run lint:ts
        if: always()
      - name: linting css
        run: npm run lint:scss
        if: always()
      - name: unit testing
        run: npm run test:unit
        if: always()
      - name: build storybook
        run: npm run storybook:build
        if: always()
      - name: screenshot testing
        run: npm run test:ui:ci
        if: always()

Локально всё работает хорошо. Версии указаны lastet, и с этим тоже по идеи проблем не должно быть.

FAIL chrome.docker/chrome.iphone7/shared/Modal/Primary: Screenshot differs from reference, see .loki/difference/chrome_iphone7_shared_Modal_Primary.png

Мне пишет такую ошибку, и мне бы хотябы посмотреть файлы в .loki/difference....../.png, но в самом проекте такой папки не создаётся, может есть другие способы посмотреть?

[Vitaly Karasik]

ih4rd,
- у вас локально тоже версия 18 ?
- "FAIL chrome.docker/chrome.iphone7/shared/Modal/Primary: Screenshot differs from reference, see .loki/difference/chrome_iphone7_shared_Modal_Primary.png" - смотрите сам тест. Возможно, он пишет где-то лог - его можно вывести в лог github action.
Те же скриншоты можно добавить как artifacts к билду, если действительно надо покопаться.
Но 99% - у вас просто разные версии.

[ih4rd]

Vitaly Karasik, Я нашёл проблему. В общем для оверлэя модалки я использовал rgba(0,0,0,60%).
И из-за этого у меня локально выводился другой цвет, а на гитхаб экшинах немного другой, и то это не заметить обычный глазом, мне пришлось скачивать сolor picker, и только тогда я понял в чём проблема.
Получается docker на macos и ubuntu чем-то да отличаются?) странно
ps. если поставить вместо rgba что-то типа #555 то всё работает

[Vitaly Karasik]

ih4rd, очень интересно!
Я не знаю, как устроены тесты. Если используется какой-то docker image, надо зафиксировать его версию.
Тогда должно работать одинаково ИМХО.

[Vitaly Karasik]

ih4rd, очень интересно!
Я не знаю, как устроены тесты. Если используется какой-то docker image, надо зафиксировать его версию.
Тогда должно работать одинаково ИМХО.