interact/.github/workflows/interact-e2e.yml at master · wix/interact · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
name: Interact E2E Tests

on:
  workflow_dispatch:
    inputs:
      branch:
        type: string
        description: Branch to run tests on
        default: master
      browser:
        type: choice
        description: Browser to run tests in
        options:
          - chromium
          - firefox
          - webkit
          - all
        default: all

permissions:
  contents: read

concurrency:
  group: ${{ github.workflow }}-${{ github.ref }}
  cancel-in-progress: true

env:
  FORCE_JAVASCRIPT_ACTIONS_TO_NODE24: true

jobs:
  interact-e2e:
    name: Interact E2E (${{ github.event.inputs.browser || 'all' }})
    runs-on: ubuntu-24.04
    timeout-minutes: 30

    steps:
      - name: Checkout repository
        uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4
        with:
          ref: ${{ github.event.inputs.branch || github.ref }}

      - name: Setup Node.js
        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4
        with:
          node-version: 24
          registry-url: https://registry.npmjs.org

      - name: Cache Yarn dependencies
        uses: actions/cache@0057852bfaa89a56745cba8c7296529d2fc39830 # v4
        with:
          path: |
            .yarn/cache
            .yarn/install-state.gz
            node_modules
            **/node_modules
          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
          restore-keys: |
            ${{ runner.os }}-yarn-

      - name: Enable Corepack
        run: |
          corepack enable
          corepack prepare yarn@4.10.3 --activate
          yarn set version 4.10.3

      - name: Install dependencies
        env:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
          NPQ_ALLOW_NON_INTERACTIVE_INSTALL: 'true'
        run: NPQ_PKG_MGR=yarn npx npq install --immutable

      - name: Build motion package
        run: yarn workspace @wix/motion build

      - name: Build interact package
        run: yarn workspace @wix/interact build

      - name: Cache Playwright browsers
        uses: actions/cache@0057852bfaa89a56745cba8c7296529d2fc39830 # v4
        id: playwright-cache
        with:
          path: ~/.cache/ms-playwright
          key: ${{ runner.os }}-playwright-${{ github.event.inputs.browser || 'all' }}-${{ hashFiles('packages/interact/package.json') }}
          restore-keys: |
            ${{ runner.os }}-playwright-${{ github.event.inputs.browser || 'all' }}-
            ${{ runner.os }}-playwright-

      - name: Install Playwright browsers (all)
        if: steps.playwright-cache.outputs.cache-hit != 'true' && (github.event.inputs.browser == 'all' || github.event.inputs.browser == '')
        working-directory: packages/interact
        run: npx playwright install --with-deps chromium firefox webkit

      - name: Install Playwright browsers (selected)
        if: steps.playwright-cache.outputs.cache-hit != 'true' && github.event.inputs.browser != 'all' && github.event.inputs.browser != ''
        working-directory: packages/interact
        run: npx playwright install --with-deps ${{ github.event.inputs.browser }}

      - name: Install Playwright system deps
        if: steps.playwright-cache.outputs.cache-hit == 'true'
        run: npx playwright install-deps ${{ github.event.inputs.browser != 'all' && github.event.inputs.browser != '' && github.event.inputs.browser || '' }}

      - name: Run E2E tests (selected browser)
        if: github.event.inputs.browser != 'all' && github.event.inputs.browser != ''
        working-directory: packages/interact
        run: npx playwright test --project=${{ github.event.inputs.browser }}

      - name: Run E2E tests (all browsers)
        if: github.event.inputs.browser == 'all' || github.event.inputs.browser == ''
        working-directory: packages/interact
        run: npx playwright test

      - name: Upload Playwright report
        if: ${{ always() }}
        uses: actions/upload-artifact@ea165f8d65b6e75b540449e92b4886f43607fa02 # v4
        with:
          name: playwright-report
          path: packages/interact/playwright-report/
          retention-days: 14