Integrate EasyTest to XAF Blazor UI Applications

• Oct 26, 2021
• 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/.

   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.

Tip

The Solution Wizard creates new applications that already have integrated EasyTest components. The wizard does the following:

• Adds the EasyTest solution configuration.

  

• Adds all the necessary code to allow you run tests in the EasyTest solution configuration.
• Adds the FunctionalTests folder with a configuration file (config.xml) and a sample test (sample.ets) into the platform-independent YourApplicationName.Module module. Installs the DevExpress.ExpressApp.EasyTest.BlazorAdapter package to your YourApplicationName.Blazor.Server project (only for the EasyTest solution configuration).

Configuration

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

Xml

<?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\net5.0\DevExpress.ExpressApp.EasyTest.BlazorAdapter.v21.2.dll" /> 
    </Aliases> 
</Options> 

Configuration Options

Attribute	Description
Name	Specifies the name of the Application element. This name is used to differentiate between different applications. The Application command takes this name as the parameter.
Url	The application’s web address.
PhysicalPath	A path to the folder that contains the application. You can use the built-in [ConfigPath] alias to specify a path to the Config.xml file.
AdapterFileName	Specifies a path to the Blazor EasyTest adapter. This is an EasyTest assembly that contains platform-specific functionality. The attribute contains the adapter’s assembly filename, assembly version, culture, and public key.
IgnoreCase	Specifies whether the test ignores a letter case when referring to UI element names, captions, or tags.
Configuration	Specifies the configuration to use when running tests.
WebDriverPath	Specifies a path to a web driver.
Browser	Specifies a web browser to use for running tests. Available values: Chrome, Edge (the default value).

Aliases

Alias	Description
BlazorAppPath	A path to a Blazor application.
BlazorAdapterAssemblyPath	A path to the Blazor EasyTest adapter. This path is typically points to a project’s build results. Reference the DevExpress.ExpressApp.EasyTest.BlazorAdapter adapter and it becomes available in the project’s build results. When you create a new application, the adapter is already referenced in the project and this option is set to a folder with the build results.

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:

C#

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 5+ projects.

console

cd %ProgramFiles(x86)%\DevExpress 21.2\Components\Tools\eXpressAppFrameworkNetCore\EasyTest

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

Note

EasyTest commands (Run, Run Next Step, and so on) integrated into Visual Studio do not work for .NET 5+ projects.

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