add tests

Author: Natalia Kazakova (DevExpress)

.github/workflows/test.yml

@@ -0,0 +1,53 @@
+name: Example Tests
+# This workflow runs tests for the DevExpress Angular Report Designer frontend.
+
+on:
+  push:
+    branches: 
+      - '[0-9]+.[0-9]+.[0-9]+\+'  # Matches xx.x.x+ pattern
+  pull_request:
+    branches: 
+      - '[0-9]+.[0-9]+.[0-9]+\+'  # Matches xx.x.x+ pattern
+  workflow_dispatch:  # Allows manual triggering
+
+env:
+  NODE_VERSION: '18'
+  DOTNET_VERSION: '8.0.x'
+
+jobs:
+  test:
+    runs-on: windows-latest
+    timeout-minutes: 25
+    
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v4
+
+    - name: Setup .NET
+      uses: actions/setup-dotnet@v4
+      with:
+        dotnet-version: ${{ env.DOTNET_VERSION }}
+
+    - name: Setup Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: ${{ env.NODE_VERSION }}
+        cache: 'npm'
+        cache-dependency-path: |
+          package-lock.json
+
+    - name: Setup Chrome
+      uses: browser-actions/setup-chrome@v1
+      with:
+        chrome-version: stable
+        
+    - name: Run Tests
+      run: |
+        $exitCode = pwsh -ExecutionPolicy Bypass -File test/main-test.ps1
+        Write-Host "Test script exit code: $exitCode"
+        if ($exitCode -ne 0) {
+          Write-Error "❌ Tests failed with exit code: $exitCode"
+          exit $exitCode
+        }
+        Write-Host "✅ Tests passed successfully"
+      timeout-minutes: 5

package.json

@@ -0,0 +1,16 @@
+{
+  "name": "reporting-angular-test",
+  "version": "1.0.0",
+  "description": "smoke tests",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@devexpress/reporting-testcafe-helpers": "^24.2.3",
+    "testcafe": "^3.5.0"
+  }
+}

test/main-test.ps1

@@ -0,0 +1,94 @@
+# Requires -Version 7
+
+Set-StrictMode -Version latest
+$ErrorActionPreference = 'Stop'
+
+function CheckLastExitCode() {
+    if ($LastExitCode -ne 0) {
+        Write-Error -ErrorAction Stop "Last exit code: $LastExitCode"
+    }
+}
+
+function InstallNpmPackages() {
+    if(-Not(Test-Path .\node_modules\*)) {
+        npm ci | Out-Host
+        CheckLastExitCode
+    }
+}
+
+function LaunchBackend([Parameter(Mandatory)][string]$path) {
+    Push-Location $path
+    try {
+        Write-Host "Starting backend server..."
+        $process = Start-Process dotnet -ArgumentList ('run') -PassThru
+        Start-Sleep -Seconds 15  # Give backend time to start (increased from 5 to match frontend timing)
+        return $process
+    } finally {
+        Pop-Location
+    }
+}
+
+function LaunchFrontend([Parameter(Mandatory)][string]$path) {
+    Push-Location $path
+    try {
+        InstallNpmPackages
+        Write-Host "Starting frontend server..."
+        $process = Start-Process cmd -ArgumentList ('/c', 'npm', 'start') -PassThru
+        Write-Host "Waiting for frontend to be ready..."
+        Start-Sleep -Seconds 5  # Give frontend time to build and start
+        return $process
+    } finally {
+        Pop-Location
+    }
+}
+
+function RunTestCafeTests() {
+    $browserList = if ($env:BROWSER) { $env:BROWSER } else { 'chrome' }
+    $fileOrGlob = './test/testcafe-test.ts'
+
+    $arguments = @(
+        '/c'
+        'npx.cmd'
+        'testcafe'
+        $browserList
+        $fileOrGlob
+        '--base-url http://localhost:4200'
+        '--selector-timeout 1000'
+        '--assertion-timeout 1000'
+    )
+
+    $process = Start-Process 'cmd' -ArgumentList $arguments -NoNewWindow -Wait -ErrorAction Stop -PassThru
+    $exitCode = $process.ExitCode
+
+    Write-Host "TestCafe exit code: $exitCode"
+    return $exitCode
+}
+
+function Main() {
+    InstallNpmPackages
+    Write-Host "Launching backend..."
+    $backendProcess = LaunchBackend ./ServerApp
+    try {
+        Write-Host "Launching frontend..."
+        $frontendProcess = LaunchFrontend ./angular-report-designer
+        try {
+            Write-Host "Running TestCafe tests..."
+            return RunTestCafeTests
+        } finally {
+            Write-Host "Stopping frontend process..."
+            taskkill.exe /F /T /PID $frontendProcess.Id | Out-Host
+            Write-Host "Frontend process is stopped"
+        }
+    } finally {
+        Stop-Process $backendProcess | Out-Host
+        Write-Host "Backend process is stopped"
+    }
+}
+
+try {
+    Exit [int](Main)
+} catch {
+    Write-Host -ForegroundColor Red $_.Exception
+    $_.ScriptStackTrace -split [System.Environment]::NewLine | ForEach-Object { Write-Host -ForegroundColor Red "  $_" }
+    Exit -1
+}

test/testcafe-test.ts

@@ -0,0 +1,24 @@
+import { Selector } from 'testcafe';
+import { assertUntilCondition, designerMenuButton, getMenuItemByText, getToolbarButtonByText } from '@devexpress/reporting-testcafe-helpers/units';
+import { checkPreviewPage } from '@devexpress/reporting-testcafe-helpers/preview';
+
+fixture('Maximize window')
+    .beforeEach(async t => {
+        await t.maximizeWindow();
+    });
+
+
+test('Check whether Report Designer is rendered', async t => {
+    const reportDesigner = Selector('app-root div dx-report-designer');
+    await t.expect(reportDesigner.exists).ok('DevExpress Report Designer should exist');
+});
+test('Check simple UI actions in Report Designer', async t => {
+    await assertUntilCondition(t, () => getToolbarButtonByText('preview').exists, 'Wait for designer loading');
+    await t
+        .dispatchEvent(getToolbarButtonByText('preview'), 'click');
+    await checkPreviewPage(t, 15);
+    await t
+        .dispatchEvent(getToolbarButtonByText('design'), 'click')
+        .click(designerMenuButton)
+        .click(getMenuItemByText('Exit'));
+});