Integrate EasyTest to XAF Blazor UI Applications

• Dec 17, 2023
• 4 minutes to read

Overview

XAF can run functional tests for Blazor UI applications based on the Selenium driver to interact with browser.

EasyTest for Blazor supports the following browsers:

• Google Chrome
• Microsoft Edge

This topic describes how to integrate EasyTest functional testing to your XAF Blazor application.

Prerequisites

Configure your working machine as described below:

1. Install browser drivers.

   • For Google Chrome: download “chromedriver.exe” from https://chromedriver.chromium.org/downloads.
   • For Microsoft Edge: download “msedgedriver.exe” from https://developer.microsoft.com/en-us/microsoft-edge/tools/webdriver/?form=MA13LH.

   Selenium requires a path to the downloaded driver. You can specify a path to the driver in any of the following ways:

   • Add a folder with the driver to the system’s PATH variable.

   • Specify a path to the driver in EasyTest’s configuration file.

     • Xml

     <Application ... WebDriverPath="C:\WebDriverPath" />
     

2. Install the DevExpress.ExpressApp.EasyTest.BlazorAdapter package to your YourApplicationName.Blazor.Server project.

Configuration

The code below demonstrates a sample configuration file. You can edit it according to your project environment.

<?xml version="1.0" encoding="utf-8" ?> 
<Options xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> 
    <Applications> 
        <!-- Blazor --> 
        <Application 
            Name="DXApplication1Blazor" 
            Url="http://localhost:4030" 
            PhysicalPath="[BlazorAppPath]" 
            AdapterFileName="[BlazorAdapterAssemblyPath]" 
            Configuration="EasyTest" 
            IgnoreCase="true"/> 
    </Applications> 

    <TestDatabases> 
            <Database xsi:type="TestMSSQLDatabase" Server="(localdb)\mssqllocaldb" DBName="DXApplication1EasyTest"/> 
    </TestDatabases> 

    <Aliases> 
        <Alias Name="BlazorAppPath" Value="[ConfigPath]\..\..\DXApplication1.Blazor.Server" /> 
        <Alias Name="BlazorAdapterAssemblyPath" Value="[BlazorAppPath]\bin\EasyTest\net6.0\DevExpress.ExpressApp.EasyTest.BlazorAdapter.v21.2.dll" /> 
    </Aliases> 
</Options> 

Configuration Options

Aliases

Run EasyTest in the Debug Configuration

The following steps describe the modifications required to support EasyTest in the Debug solution configuration.

Note that after updating the solution in this way, EasyTest will use database connection strings specified in the application projects’ configuration files. So you may want to backup the databases used by the applications before running any actual tests.

In a Blazor application project, update the DatabaseVersionMismatch method in BlazorApplication.cs:

private void MyBlazorApplication_DatabaseVersionMismatch(object sender, DevExpress.ExpressApp.DatabaseVersionMismatchEventArgs e) { 
#if DEBUG 
    e.Updater.Update(); 
    e.Handled = true; 
#else 
    if (System.Diagnostics.Debugger.IsAttached) { 
        //... 
    } 
    else { 
        //... 
    } 
#endif 
} 

Run Tests

Use the TestExecutor Utility to run tests for .NET 6+ projects.

cd %ProgramFiles%\DevExpress 23.2\Components\Tools\eXpressAppFrameworkNetCore\EasyTest

TestExecutor.v23.2.exe C:\PathToTest\sample.ets

Remove EasyTest

You can remove all EasyTest components from your application. In this case, delete the following:

• The FunctionalTests folder.
• The DevExpress.ExpressApp.EasyTest.BlazorAdapter package from Blazor applications.
• The EASYTEST conditions from the Blazor application project’s BlazorApplication.cs file.

Next Steps

• Test an Action
• EasyTest Script Reference