DevExtreme/.github/workflows/wrapper_tests_e2e.yml at dd3dcf1610fe004129d65850e722fcf265a516b9 · DevExpress/DevExtreme · 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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
name: Wrappers E2E Tests

concurrency:
  group: wf-${{github.event.pull_request.number || github.sha}}-${{github.workflow}}
  cancel-in-progress: true

on:
  pull_request:
    paths-ignore:
      - 'apps/**/*.md'
  push:
    branches: [24_2, 25_*, 26_*]
  workflow_dispatch:

env:
  NX_CLOUD_ACCESS_TOKEN: ${{ secrets.NX_TOKEN }}
  NX_SKIP_NX_CACHE: ${{ (github.event_name != 'pull_request' || contains( github.event.pull_request.labels.*.name, 'skip-cache')) && 'true' || 'false' }}
  BUILD_TEST_INTERNAL_PACKAGE: true

jobs:
  build-packages:
    runs-on: devextreme-shr2
    name: Build DevExtreme and Wrappers
    timeout-minutes: 40

    steps:
      - name: Get sources
        uses: actions/checkout@v4

      - name: Use Node.js
        uses: actions/setup-node@v4
        with:
          node-version: '20'

      - uses: pnpm/action-setup@v3
        with:
          version: 9
          run_install: false

      - name: Get pnpm store directory
        shell: bash
        run: |
          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV

      - uses: actions/cache@v4
        name: Setup pnpm cache
        with:
          path: |
            ${{ env.STORE_PATH }}
            .nx/cache
          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
          restore-keys: |
            ${{ runner.os }}-pnpm-store

      - name: Install dependencies
        run: pnpm install

      - name: Build all DevExtreme packages
        env:
          BUILD_TEST_INTERNAL_PACKAGE: true
        run: pnpm run all:build-dev

      - name: Build wrappers apps
        working-directory: e2e/wrappers
        run: |
          pnpm run build:all
          mkdir -p builds-artifacts
          7z a -tzip -mx3 -mmt2 builds-artifacts/react19-build.zip ./builders/react19/dist/*
          7z a -tzip -mx3 -mmt2 builds-artifacts/vue3-build.zip ./builders/vue3/dist/*
          7z a -tzip -mx3 -mmt2 builds-artifacts/angular19-build.zip ./builders/angular19/dist/*

      - name: Upload wrappers builds
        uses: actions/upload-artifact@v4
        with:
          name: wrappers-builds
          path: e2e/wrappers/builds-artifacts
          retention-days: 1

  test-wrappers:
    needs: build-packages
    runs-on: devextreme-shr2
    name: Test ${{ matrix.framework }}
    timeout-minutes: 30
    strategy:
      fail-fast: false
      matrix:
        framework: [react19, vue3, angular19]

    steps:
      - name: Get sources
        uses: actions/checkout@v4

      - name: Download wrappers builds
        uses: actions/download-artifact@v4
        with:
          name: wrappers-builds
          path: ./wrappers-builds

      - name: Unpack wrapper build for ${{ matrix.framework }}
        run: |
          7z x wrappers-builds/${{ matrix.framework }}-build.zip -o./e2e/wrappers/builders/${{ matrix.framework }}/dist

      - name: Setup Chrome
        uses: ./.github/actions/setup-chrome
        with:
          chrome-version: '133.0.6943.53'

      - name: Use Node.js
        uses: actions/setup-node@v4
        with:
          node-version: '20'

      - uses: pnpm/action-setup@v3
        with:
          version: 9
          run_install: false

      - name: Get pnpm store directory
        shell: bash
        run: |
          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV

      - uses: actions/cache@v4
        name: Setup pnpm cache
        with:
          path: |
            ${{ env.STORE_PATH }}
            .nx/cache
          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
          restore-keys: |
            ${{ runner.os }}-pnpm-store

      - name: Install dependencies
        run: pnpm install

      - name: Start server for ${{ matrix.framework }}
        working-directory: e2e/wrappers
        run: |
          pnpm run start:${{ matrix.framework }} &
          sleep 10

      - name: Run tests for ${{ matrix.framework }}
        working-directory: e2e/wrappers
        run: pnpm run test:${{ matrix.framework }}

      - name: Upload test artifacts on failure
        if: ${{ failure() }}
        uses: actions/upload-artifact@v4
        with:
          name: test-fails-${{matrix.framework}}
          path: e2e/wrappers/screenshots
          if-no-files-found: ignore