24_1 Fix Demo Warnings #4258
Workflow file for this run
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| name: Demos Frameworks | |
| concurrency: | |
| group: wf-${{github.event.pull_request.number || github.sha}}-${{github.workflow}} | |
| cancel-in-progress: true | |
| on: | |
| pull_request: | |
| push: | |
| branches: | |
| - "[0-9][0-9]_[0-9]" | |
| workflow_dispatch: | |
| jobs: | |
| build-devextreme: | |
| runs-on: ubuntu-latest | |
| name: Build DevExtreme | |
| timeout-minutes: 20 | |
| steps: | |
| - name: Get sources | |
| uses: actions/checkout@v4 | |
| - name: Use Node.js | |
| uses: actions/setup-node@v4 | |
| with: | |
| node-version: '20' | |
| - name: Restore npm cache | |
| uses: actions/cache@v4 | |
| with: | |
| path: '**/node_modules' | |
| key: ${{ runner.os }}-node-modules-${{ hashFiles('package-lock.json') }} | |
| restore-keys: ${{ runner.os }}-node-modules | |
| - name: DevExtreme - Install packages | |
| run: npm install --no-audit --no-fund | |
| - name: DevExtreme - Build-all | |
| env: | |
| BUILD_TEST_INTERNAL_PACKAGE: true | |
| run: npm run all:build | |
| - name: Move packages | |
| run: | | |
| mv ./packages/devextreme/artifacts/npm/devextreme/*.tgz ./devextreme-installer.tgz | |
| mv ./packages/devextreme/artifacts/npm/devextreme-dist/*.tgz ./devextreme-dist-installer.tgz | |
| mv ./packages/devextreme-angular/npm/dist/*.tgz ./devextreme-angular-installer.tgz | |
| mv ./packages/devextreme-react/npm/*.tgz ./devextreme-react-installer.tgz | |
| mv ./packages/devextreme-vue/npm/*.tgz ./devextreme-vue-installer.tgz | |
| - name: Copy build artifacts | |
| uses: actions/upload-artifact@v4 | |
| with: | |
| name: devextreme-sources | |
| path: | | |
| devextreme-installer.tgz | |
| devextreme-dist-installer.tgz | |
| devextreme-angular-installer.tgz | |
| devextreme-react-installer.tgz | |
| devextreme-vue-installer.tgz | |
| retention-days: 1 | |
| build-demos: | |
| runs-on: ubuntu-latest | |
| name: Build Demos | |
| timeout-minutes: 20 | |
| needs: build-devextreme | |
| steps: | |
| - name: Get sources | |
| uses: actions/checkout@v4 | |
| - name: Use Node.js | |
| uses: actions/setup-node@v4 | |
| with: | |
| node-version: '20' | |
| - name: Download devextreme sources | |
| uses: actions/download-artifact@v4 | |
| with: | |
| name: devextreme-sources | |
| - name: Restore npm cache | |
| uses: actions/cache@v4 | |
| with: | |
| path: '**/node_modules' | |
| key: ${{ runner.os }}-node-modules-${{ hashFiles('package-lock.json') }} | |
| restore-keys: ${{ runner.os }}-node-modules | |
| # NOTE: workaround due to wrappers are incorrect NPM packages now | |
| - name: Install wrappers packages | |
| run: | | |
| rm -rf node_modules/devextreme node_modules/devextreme-dist node_modules/devextreme-angular node_modules/devextreme-react node_modules/devextreme-vue | |
| mkdir node_modules/devextreme node_modules/devextreme-dist node_modules/devextreme-angular node_modules/devextreme-react node_modules/devextreme-vue | |
| tar -xzf devextreme-installer.tgz -C node_modules/devextreme | |
| mv node_modules/devextreme/package/* node_modules/devextreme | |
| tar -xzf devextreme-dist-installer.tgz -C node_modules/devextreme-dist | |
| mv node_modules/devextreme-dist/package/* node_modules/devextreme-dist | |
| tar -xzf devextreme-angular-installer.tgz -C node_modules/devextreme-angular | |
| mv node_modules/devextreme-angular/package/* node_modules/devextreme-angular | |
| tar -xzf devextreme-react-installer.tgz -C node_modules/devextreme-react | |
| mv node_modules/devextreme-react/package/* node_modules/devextreme-react | |
| tar -xzf devextreme-vue-installer.tgz -C node_modules/devextreme-vue | |
| mv node_modules/devextreme-vue/package/* node_modules/devextreme-vue | |
| - name: Prepare bundles | |
| working-directory: apps/demos | |
| run: npm run prepare-bundles | |
| - name: Demos - Run tsc | |
| working-directory: apps/demos | |
| run: tsc --noEmit | |
| - name: Copy build artifacts | |
| uses: actions/upload-artifact@v4 | |
| with: | |
| name: devextreme-bundles | |
| path: | | |
| apps/demos/bundles/ | |
| retention-days: 1 | |
| get-changes: | |
| runs-on: ubuntu-latest | |
| name: Get changed demos | |
| timeout-minutes: 5 | |
| steps: | |
| - name: Get sources | |
| uses: actions/checkout@v4 | |
| - name: Get changed files | |
| uses: ./.github/actions/get-changed-files | |
| if: github.event_name == 'pull_request' && !contains(github.event.pull_request.labels.*.name, 'force all tests') | |
| env: | |
| GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} | |
| with: | |
| path: apps/demos/Demos | |
| result: apps/demos/changed-files.json | |
| - name: Upload artifacts | |
| uses: actions/upload-artifact@v4 | |
| with: | |
| name: changed-demos | |
| path: apps/demos/changed-files.json | |
| retention-days: 1 | |
| lint: | |
| name: ${{ matrix.name }} | |
| needs: | |
| - build-devextreme | |
| - get-changes | |
| runs-on: ubuntu-latest | |
| timeout-minutes: 60 | |
| strategy: | |
| fail-fast: false | |
| matrix: | |
| include: | |
| - name: Lint code base (excluding demos) | |
| command: npm run lint-non-demos | |
| # NOTE: skipped due to enormous number of errors | |
| # - name: Lint demos (1/4) | |
| # command: CONSTEL=1/4 npm run lint-demos | |
| # - name: Lint demos (2/4) | |
| # command: CONSTEL=2/4 npm run lint-demos | |
| # - name: Lint demos (3/4) | |
| # command: CONSTEL=3/4 npm run lint-demos | |
| # - name: Lint demos (4/4) | |
| # command: CONSTEL=4/4 npm run lint-demos | |
| steps: | |
| - name: Get sources | |
| uses: actions/checkout@v4 | |
| - name: Download artifacts | |
| if: github.event_name == 'pull_request' && !contains(github.event.pull_request.labels.*.name, 'force all tests') | |
| uses: actions/download-artifact@v4 | |
| with: | |
| name: changed-demos | |
| path: apps/demos | |
| - name: Download devextreme sources | |
| uses: actions/download-artifact@v4 | |
| with: | |
| name: devextreme-sources | |
| - name: Install packages | |
| run: npm install devextreme-installer.tgz devextreme-dist-installer.tgz devextreme-react-installer.tgz devextreme-vue-installer.tgz devextreme-angular-installer.tgz | |
| - uses: actions/setup-dotnet@v3 | |
| with: | |
| dotnet-version: 5.0.408 | |
| - name: Prepare dotnet | |
| run: | | |
| dotnet new globaljson --sdk-version 5.0.408 | |
| dotnet tool install -g dotnet-format --version 5.1.225507 | |
| - name: Run lint | |
| working-directory: apps/demos | |
| env: | |
| CHANGEDFILEINFOSPATH: changed-files.json | |
| DEBUG: 'eslint:cli-engine,stylelint:standalone' | |
| run: ${{ matrix.command }} | |
| check_generated_demos: | |
| name: ${{ matrix.name }} | |
| runs-on: ubuntu-latest | |
| timeout-minutes: 10 | |
| needs: build-demos | |
| strategy: | |
| fail-fast: false | |
| matrix: | |
| include: | |
| - name: Check generated demos (1/5) | |
| command: CONSTEL=1/5 npm run convert-to-js | |
| - name: Check generated demos (2/5) | |
| command: CONSTEL=2/5 npm run convert-to-js | |
| - name: Check generated demos (3/5) | |
| command: CONSTEL=3/5 npm run convert-to-js | |
| - name: Check generated demos (4/5) | |
| command: CONSTEL=4/5 npm run convert-to-js | |
| - name: Check generated demos (5/5) | |
| command: CONSTEL=5/5 npm run convert-to-js | |
| steps: | |
| - name: Get sources | |
| uses: actions/checkout@v4 | |
| - name: Restore npm cache | |
| uses: actions/cache@v4 | |
| with: | |
| path: '**/node_modules' | |
| key: ${{ runner.os }}-node-modules-${{ hashFiles('package-lock.json') }} | |
| restore-keys: ${{ runner.os }}-node-modules | |
| - name: Download devextreme sources | |
| uses: actions/download-artifact@v4 | |
| with: | |
| name: devextreme-sources | |
| - name: Install packages | |
| run: npm install --no-audit --no-fund | |
| # NOTE: workaround due to wrappers are incorrect NPM packages now | |
| - name: Install wrappers packages | |
| run: | | |
| rm -rf node_modules/devextreme node_modules/devextreme-dist node_modules/devextreme-angular node_modules/devextreme-react node_modules/devextreme-vue | |
| mkdir node_modules/devextreme node_modules/devextreme-dist node_modules/devextreme-angular node_modules/devextreme-react node_modules/devextreme-vue | |
| tar -xzf devextreme-installer.tgz -C node_modules/devextreme | |
| mv node_modules/devextreme/package/* node_modules/devextreme | |
| tar -xzf devextreme-dist-installer.tgz -C node_modules/devextreme-dist | |
| mv node_modules/devextreme-dist/package/* node_modules/devextreme-dist | |
| tar -xzf devextreme-angular-installer.tgz -C node_modules/devextreme-angular | |
| mv node_modules/devextreme-angular/package/* node_modules/devextreme-angular | |
| tar -xzf devextreme-react-installer.tgz -C node_modules/devextreme-react | |
| mv node_modules/devextreme-react/package/* node_modules/devextreme-react | |
| tar -xzf devextreme-vue-installer.tgz -C node_modules/devextreme-vue | |
| mv node_modules/devextreme-vue/package/* node_modules/devextreme-vue | |
| - name: Prepare JS | |
| working-directory: apps/demos | |
| run: npm run prepare-js | |
| - name: Check generated JS demos | |
| working-directory: apps/demos | |
| run: | | |
| ${{ matrix.command }} | |
| git add ./Demos -N | |
| if git diff --exit-code . ':!package.json' ; then | |
| echo "Generated JS demos are up-to-date" | |
| else | |
| echo "Generated JS demos are outdated. Execute 'npm run convert-to-js split' and commit changes." | |
| echo "If you see another diff, ensure that extra listed files have LF endings." | |
| exit 1 | |
| fi | |
| testcafe: | |
| needs: build-demos | |
| strategy: | |
| fail-fast: false | |
| matrix: | |
| CONSTEL: [react(1/4), react(2/4), react(3/4), react(4/4), vue(1/4), vue(2/4), vue(3/4), vue(4/4), angular(1/4), angular(2/4), angular(3/4), angular(4/4)] | |
| THEME: ['generic.light', 'material.blue.light', 'fluent.blue.light'] | |
| runs-on: ubuntu-latest | |
| name: testcafe-${{ matrix.CONSTEL }}-${{ matrix.THEME }} | |
| timeout-minutes: 60 | |
| steps: | |
| - name: Get sources | |
| uses: actions/checkout@v4 | |
| - name: Setup Chrome | |
| uses: ./.github/actions/setup-chrome | |
| with: | |
| chrome-version: '121.0.6167.160' | |
| - name: Restore npm cache | |
| uses: actions/cache@v4 | |
| with: | |
| path: '**/node_modules' | |
| key: ${{ runner.os }}-node-modules-${{ hashFiles('package-lock.json') }} | |
| restore-keys: ${{ runner.os }}-node-modules | |
| - name: Download devextreme sources | |
| uses: actions/download-artifact@v4 | |
| with: | |
| name: devextreme-sources | |
| - name: Install packages | |
| run: npm install --no-audit --no-fund | |
| # NOTE: workaround due to wrappers are incorrect NPM packages now | |
| - name: Install wrappers packages | |
| run: | | |
| rm -rf node_modules/devextreme node_modules/devextreme-dist node_modules/devextreme-angular node_modules/devextreme-react node_modules/devextreme-vue | |
| mkdir node_modules/devextreme node_modules/devextreme-dist node_modules/devextreme-angular node_modules/devextreme-react node_modules/devextreme-vue | |
| tar -xzf devextreme-installer.tgz -C node_modules/devextreme | |
| mv node_modules/devextreme/package/* node_modules/devextreme | |
| tar -xzf devextreme-dist-installer.tgz -C node_modules/devextreme-dist | |
| mv node_modules/devextreme-dist/package/* node_modules/devextreme-dist | |
| tar -xzf devextreme-angular-installer.tgz -C node_modules/devextreme-angular | |
| mv node_modules/devextreme-angular/package/* node_modules/devextreme-angular | |
| tar -xzf devextreme-react-installer.tgz -C node_modules/devextreme-react | |
| mv node_modules/devextreme-react/package/* node_modules/devextreme-react | |
| tar -xzf devextreme-vue-installer.tgz -C node_modules/devextreme-vue | |
| mv node_modules/devextreme-vue/package/* node_modules/devextreme-vue | |
| - name: Prepare JS | |
| working-directory: apps/demos | |
| run: npm run prepare-js | |
| - name: Update bundles config | |
| working-directory: apps/demos | |
| run: npx gulp update-config | |
| - name: Run Web Server | |
| run: | | |
| python -m http.server 8080 & | |
| python -m http.server 8081 & | |
| python -m http.server 8082 & | |
| python -m http.server 8083 & | |
| - name: Download artifacts | |
| if: github.event_name == 'pull_request' && !contains(github.event.pull_request.labels.*.name, 'force all tests') | |
| uses: actions/download-artifact@v4 | |
| with: | |
| name: changed-demos | |
| path: apps/demos | |
| - name: Create bundles dir | |
| run: mkdir -p apps/demos/bundles | |
| - name: Download bundles artifacts | |
| uses: actions/download-artifact@v4 | |
| with: | |
| name: devextreme-bundles | |
| path: apps/demos/bundles | |
| - name: Run TestCafe tests | |
| working-directory: apps/demos | |
| env: | |
| CHANGEDFILEINFOSPATH: changed-files.json | |
| BROWSERS: chrome:headless --disable-partial-raster --disable-skia-runtime-opts --run-all-compositor-stages-before-draw --disable-new-content-rendering-timeout --disable-threaded-animation --disable-threaded-scrolling --disable-checker-imaging --disable-image-animation-resync --use-gl="swiftshader" --disable-features=PaintHolding --js-flags=--random-seed=2147483647 --font-render-hinting=none --disable-font-subpixel-positioning | |
| #DEBUG: hammerhead:*,testcafe:* | |
| CONCURRENCY: 4 | |
| TCQUARANTINE: true | |
| CONSTEL: ${{ matrix.CONSTEL }} | |
| THEME: ${{ matrix.THEME }} | |
| # DISABLE_DEMO_TEST_SETTINGS: all # Uncomment to ignore all the visualtestrc.json settings | |
| # DISABLE_DEMO_TEST_SETTINGS: ignore # Uncomment to ignore the `ignore` field | |
| # DISABLE_DEMO_TEST_SETTINGS: comparison-options # Uncomment to ignore the `comparison-options` field | |
| CI_ENV: true # The `ignore` field in the visualtestrc.json should be disabled when running test locally | |
| run: npm run test-testcafe | |
| - name: Get screenshots artifacts name | |
| if: ${{ failure() }} | |
| id: screenshotname | |
| run: echo "value=$(echo "${{ matrix.CONSTEL }}" | grep -oP "^\w+")" >> $GITHUB_OUTPUT | |
| - name: Copy screenshots artifacts | |
| if: ${{ failure() }} | |
| uses: actions/upload-artifact@v3 | |
| with: | |
| name: screenshots-${{ steps.screenshotname.outputs.value }}-${{ matrix.THEME }} | |
| path: ${{ github.workspace }}/apps/demos/testing/artifacts/compared-screenshots/**/* | |
| if-no-files-found: ignore |