[Feature]: Enable PowerApps MDA Column chart Control for Custom Pages (#591)

v-raghulraja · web-flow · commit a4632e10394b · 2025-04-18T12:47:26.000-07:00
* [Feature]: Enable PowerApps MDA Column chart Control for Custom Pages

* [Feature]: Enable PowerApps MDA Column chart Control for Custom Pages

* provider change

* used common example url

* Removed city names from testcases
diff --git a/samples/mdacharts/MDACloumChartControl_testPlan.fx.yaml b/samples/mdacharts/MDACloumChartControl_testPlan.fx.yaml
@@ -0,0 +1,91 @@
+testSuite:
+  testSuiteName: Column Chart Controls
+  testSuiteDescription: Verifies that the column chart controls work correctly.
+  persona: User1
+  appLogicalName: column_chart_controls_app
+
+  testCases:
+      - testCaseName: Verify Items Property
+        testCaseDescription: Check if the column chart correctly sets and displays the items.
+        testSteps: |
+          SetProperty(ColumnChart1.Items, Table(
+            {Labels: "Category A", Series1: 31, Series2: 39, Series3: 12, Series4: 0, Series5: 0, Series6: 0, Series7: 0, Series8: 0, Series9: 0},
+            {Labels: "Category B", Series1: 15, Series2: 78, Series3: 18, Series4: 0, Series5: 0, Series6: 0, Series7: 0, Series8: 0, Series9: 0},
+            {Labels: "Category C", Series1: 11, Series2: 60, Series3: 8, Series4: 0, Series5: 0, Series6: 0, Series7: 0, Series8: 0, Series9: 0},
+            {Labels: "Category D", Series1: 22, Series2: 65, Series3: 14, Series4: 0, Series5: 0, Series6: 0, Series7: 0, Series8: 0, Series9: 0},
+            {Labels: "Category E", Series1: 20, Series2: 50, Series3: 10, Series4: 0, Series5: 0, Series6: 0, Series7: 0, Series8: 0, Series9: 0},
+            {Labels: "Category F", Series1: 25, Series2: 55, Series3: 15, Series4: 0, Series5: 0, Series6: 0, Series7: 0, Series8: 0, Series9: 0}
+          ));
+          Assert(CountRows(ColumnChart1.Items) = 6, "Verify the chart contains 6 data points");
+
+      - testCaseName: Verify Chart Width
+        testCaseDescription: Ensure that the column chart width is set correctly.
+        testSteps: |
+          SetProperty(ColumnChart1.Width, 620);
+          Assert(ColumnChart1.Width = 620, "Verify chart width is set correctly");
+
+      - testCaseName: Verify Chart Height
+        testCaseDescription: Ensure that the column chart height is set correctly.
+        testSteps: |
+          SetProperty(ColumnChart1.Height, 400);
+          Assert(ColumnChart1.Height = 400, "Verify chart height is set correctly");
+
+      - testCaseName: Verify Chart X Position
+        testCaseDescription: Ensure that the column chart X position is set correctly.
+        testSteps: |
+          SetProperty(ColumnChart1.X, 180);
+          Assert(ColumnChart1.X = 180, "Verify chart X position is set correctly");
+
+      - testCaseName: Verify Chart Y Position
+        testCaseDescription: Ensure that the column chart Y position is set correctly.
+        testSteps: |
+          SetProperty(ColumnChart1.Y, 65);
+          Assert(ColumnChart1.Y = 65, "Verify chart Y position is set correctly");
+        
+      - testCaseName: Verify Number of Series
+        testCaseDescription: Ensure that the column chart number of series is set correctly.
+        testSteps: |
+          SetProperty(ColumnChart1.NumberOfSeries, 3);
+          Assert(ColumnChart1.NumberOfSeries = 3, "Verify number of series is set correctly");
+
+      - testCaseName: Verify Grid Style
+        testCaseDescription: Ensure that the column chart grid style is set correctly.
+        testSteps: |
+          SetProperty(ColumnChart1.GridStyle, "Both");
+          Assert(ColumnChart1.GridStyle = "Both", "Verify grid style is set correctly");
+
+      - testCaseName: Verify Column Chart Markers
+        testCaseDescription: Ensure that the column chart markers are shown correctly for all data points when markers are enabled.
+        testSteps: |          
+          SetProperty(ColumnChart1.Markers, true);
+          Assert(ColumnChart1.Markers, "Verify markers are shown correctly");
+      
+      - testCaseName: Verify OnSelect Action
+        testCaseDescription: Ensure that the OnSelect action is triggered correctly.
+        testSteps: |
+          Select(ColumnChart1);
+          Assert(Label1.Text = "Chart Clicked!", "Verify OnSelect action is triggered correctly");
+
+      - testCaseName: Verify Visibility
+        testCaseDescription: Ensure that the chart visibility can be toggled.
+        testSteps: |
+          SetProperty(ColumnChart1.Visible, false);
+          Assert(ColumnChart1.Visible = false, "Verify chart is hidden");
+          SetProperty(ColumnChart1.Visible, true);
+          Assert(ColumnChart1.Visible = true, "Verify chart is visible");
+
+testSettings:
+  headless: false
+  locale: "en-US"
+  recordVideo: true
+  extensionModules:
+    enable: true
+  browserConfigurations:
+    - browser: Chromium
+      channel: msedge
+
+environmentVariables:
+  users:
+    - personaName: User1
+      emailKey: user1Email
+      passwordKey: NotNeeded
diff --git a/samples/mdacharts/MDALineChartControl_testPlan.fx.yaml b/samples/mdacharts/MDALineChartControl_testPlan.fx.yaml
@@ -0,0 +1,75 @@
+testSuite:
+  testSuiteName: Line Chart Controls
+  testSuiteDescription: Verifies that the line chart controls work correctly.
+  persona: User1
+  appLogicalName: line_chart_controls_app
+
+  testCases:
+      - testCaseName: Verify Items Property
+        testCaseDescription: Check if the line chart correctly sets and displays the items.
+        testSteps: |
+          SetProperty(LineChart1.Items, Table(
+            {Labels: "Category A", Series1: 31, Series2: 39, Series3: 12, Series4: 0, Series5: 0, Series6: 0, Series7: 0, Series8: 0, Series9: 0},
+            {Labels: "Category B", Series1: 15, Series2: 78, Series3: 18, Series4: 0, Series5: 0, Series6: 0, Series7: 0, Series8: 0, Series9: 0},
+            {Labels: "Category C", Series1: 11, Series2: 60, Series3: 8, Series4: 0, Series5: 0, Series6: 0, Series7: 0, Series8: 0, Series9: 0},
+            {Labels: "Category D", Series1: 22, Series2: 65, Series3: 14, Series4: 0, Series5: 0, Series6: 0, Series7: 0, Series8: 0, Series9: 0}
+          ));
+          Assert(CountRows(LineChart1.Items) = 4, "Verify the chart contains 4 data points");
+
+      - testCaseName: Verify Chart Width
+        testCaseDescription: Ensure that the line chart width is set correctly.
+        testSteps: |
+          SetProperty(LineChart1.Width, 620);
+          Assert(LineChart1.Width = 620, "Verify chart width is set correctly");
+
+      - testCaseName: Verify Chart Height
+        testCaseDescription: Ensure that the line chart height is set correctly.
+        testSteps: |
+          SetProperty(LineChart1.Height, 400);
+          Assert(LineChart1.Height = 400, "Verify chart height is set correctly");
+
+      - testCaseName: Verify Chart X Position
+        testCaseDescription: Ensure that the line chart X position is set correctly.
+        testSteps: |
+          SetProperty(LineChart1.X, 180);
+          Assert(LineChart1.X = 180, "Verify chart X position is set correctly");
+
+      - testCaseName: Verify Chart Y Position
+        testCaseDescription: Ensure that the line chart Y position is set correctly.
+        testSteps: |
+          SetProperty(LineChart1.Y, 65);
+          Assert(LineChart1.Y = 65, "Verify chart Y position is set correctly");
+
+      - testCaseName: Verify Number of Series
+        testCaseDescription: Ensure that the line chart number of series is set correctly.
+        testSteps: |
+          SetProperty(LineChart1.NumberOfSeries, 3);
+          Assert(LineChart1.NumberOfSeries = 3, "Verify number of series is set correctly");
+
+      - testCaseName: Verify Grid Style
+        testCaseDescription: Ensure that the line chart grid style is set correctly.
+        testSteps: |
+          SetProperty(LineChart1.GridStyle, "Both");
+          Assert(LineChart1.GridStyle = "Both", "Verify grid style is set correctly");
+
+      - testCaseName: Verify Line Chart Markers
+        testCaseDescription: Ensure that the line chart markers are shown correctly for all data points when markers are enabled.
+        testSteps: |          
+          SetProperty(LineChart1.Markers, true);
+          Assert(LineChart1.Markers, "Verify markers are shown correctly");
+
+testSettings:
+  headless: false
+  locale: "en-US"
+  recordVideo: true
+  extensionModules:
+    enable: true
+  browserConfigurations:
+    - browser: Chromium
+      channel: msedge
+
+environmentVariables:
+  users:
+    - personaName: User1
+      emailKey: user1Email
+      passwordKey: NotNeeded
diff --git a/samples/mdacharts/MDAPieChartControl_testPlan.fx.yaml b/samples/mdacharts/MDAPieChartControl_testPlan.fx.yaml
@@ -0,0 +1,56 @@
+testSuite:
+  testSuiteName: Pie Chart Controls
+  testSuiteDescription: Verifies that the pie chart controls work correctly.
+  persona: User1
+  appLogicalName: pie_chart_controls_app
+
+  testCases:
+      - testCaseName: Verify Items Property
+        testCaseDescription: Check if the pie chart correctly sets and displays the items.
+        testSteps: |
+          SetProperty(PieChart1.Items, Table(
+            {Labels: "Category A", Series: 31},
+            {Labels: "Category B", Series: 15},
+            {Labels: "Category C", Series: 11},
+            {Labels: "Category D", Series: 22}
+          ));
+          Assert(CountRows(PieChart1.Items) = 4, "Verify the chart contains 4 data points");
+
+      - testCaseName: Verify Chart Width
+        testCaseDescription: Ensure that the pie chart width is set correctly.
+        testSteps: |
+          SetProperty(PieChart1.Width, 620);
+          Assert(PieChart1.Width = 620, "Verify chart width is set correctly");
+
+      - testCaseName: Verify Chart Height
+        testCaseDescription: Ensure that the pie chart height is set correctly.
+        testSteps: |
+          SetProperty(PieChart1.Height, 400);
+          Assert(PieChart1.Height = 400, "Verify chart height is set correctly");
+
+      - testCaseName: Verify Chart X Position
+        testCaseDescription: Ensure that the pie chart X position is set correctly.
+        testSteps: |
+          SetProperty(PieChart1.X, 180);
+          Assert(PieChart1.X = 180, "Verify chart X position is set correctly");
+
+      - testCaseName: Verify Chart Y Position
+        testCaseDescription: Ensure that the pie chart Y position is set correctly.
+        testSteps: |
+          SetProperty(PieChart1.Y, 65);
+          Assert(PieChart1.Y = 65, "Verify chart Y position is set correctly");
+testSettings:
+  headless: false
+  locale: "en-US"
+  recordVideo: true
+  extensionModules:
+    enable: true
+  browserConfigurations:
+    - browser: Chromium
+      channel: msedge
+
+environmentVariables:
+  users:
+    - personaName: User1
+      emailKey: user1Email
+      passwordKey: NotNeeded
diff --git a/samples/mdacharts/MDAPowerBIChartControl_testPlan.fx.yaml b/samples/mdacharts/MDAPowerBIChartControl_testPlan.fx.yaml
@@ -0,0 +1,78 @@
+testSuite:
+  testSuiteName: MDA Input Controls
+  testSuiteDescription: Verifies that the classic input controls work correctly.
+  persona: User1
+  appLogicalName: mda_input_controls_app
+
+  testCases:     
+  - testCaseName: Verify Tile URL
+    testCaseDescription: Verify that the TileUrl property can be set and retrieved correctly.
+    testSteps: |
+      SetProperty(PowerBI1.TileUrl, "https://www.example.com");
+      Assert(PowerBI1.TileUrl = "https://www.example.com", "Checking the TileUrl property");
+
+  - testCaseName: Verify Dashboard ID
+    testCaseDescription: Verify that the DashboardId property can be set and retrieved correctly.
+    testSteps: |
+      SetProperty(PowerBI1.DashboardId, "5038859c-c804-4c50-a776-25994fa7ae65");
+      Assert(PowerBI1.DashboardId = "5038859c-c804-4c50-a776-25994fa7ae65", "Checking the DashboardId property");
+
+  - testCaseName: Verify Workspace ID
+    testCaseDescription: Verify that the WorkspaceId property can be set and retrieved correctly.
+    testSteps: |
+      SetProperty(PowerBI1.WorkspaceId, "12345678-abcd-1234-efgh-567890abcdef");
+      Assert(PowerBI1.WorkspaceId = "12345678-abcd-1234-efgh-567890abcdef", "Checking the WorkspaceId property");
+
+  - testCaseName: Verify Power BI Interactions
+    testCaseDescription: Verify that the PowerBIInteractions property can be enabled.
+    testSteps: |
+      SetProperty(PowerBI1.PowerBIInteractions, true);
+      Assert(PowerBI1.PowerBIInteractions = true, "Checking the PowerBIInteractions property");
+
+  - testCaseName: Verify Visibility of Power BI Control
+    testCaseDescription: Verify that the Visible property can be set and retrieved correctly.
+    testSteps: |
+      SetProperty(PowerBI1.Visible, true);
+      Assert(PowerBI1.Visible = true, "Checking the Visible property");
+
+  - testCaseName: Verify Display Mode
+    testCaseDescription: Verify that the DisplayMode property can be set and retrieved correctly.
+    testSteps: |
+      SetProperty(PowerBI1.DisplayMode, "View");
+      Assert(PowerBI1.DisplayMode = "View", "Checking the DisplayMode property");
+
+  - testCaseName: Verify Border Properties
+    testCaseDescription: Verify that the border properties can be set and retrieved correctly.
+    testSteps: |
+      SetProperty(PowerBI1.BorderStyle, "Dashed");
+
+  - testCaseName: Verify Dimensions
+    testCaseDescription: Verify that the Width and Height properties can be set and retrieved correctly.
+    testSteps: |
+      SetProperty(PowerBI1.Width, 500);
+      SetProperty(PowerBI1.Height, 300);
+      Assert(PowerBI1.Width = 500, "Checking the Width property");
+      Assert(PowerBI1.Height = 300, "Checking the Height property");
+
+  - testCaseName: Verify Z-Index
+    testCaseDescription: Verify that the ZIndex property can be set and retrieved correctly.
+    testSteps: |
+      SetProperty(PowerBI1.ZIndex, 10);
+      Assert(PowerBI1.ZIndex = 10, "Checking the ZIndex property");
+
+    
+testSettings:
+  headless: false
+  locale: "en-US"
+  recordVideo: true
+  extensionModules:
+    enable: true
+  browserConfigurations:
+    - browser: Chromium
+      channel: msedge
+
+environmentVariables:
+  users:
+    - personaName: User1
+      emailKey: user1Email
+      passwordKey: NotNeeded
diff --git a/samples/mdacharts/MDA_Charts_1_0_0_2.zip b/samples/mdacharts/MDA_Charts_1_0_0_2.zip
diff --git a/samples/mdacharts/README.md b/samples/mdacharts/README.md
@@ -0,0 +1,33 @@
+# Overview
+
+This Power Apps Test Engine sample demonstrates how to assert and interact with the values of chart controls in a model-driven application form.
+
+## Usage
+
+1. **Build the Test Engine Solution**  
+   Ensure the Power Apps Test Engine solution is built and ready to be executed.
+
+2. **Get the URL of the Model-Driven Application Form**  
+   Acquire the URL of the specific Model-Driven Application form that you want to test.
+
+3. **Modify the charts_testPlan.fx.yaml**  
+   Update the YAML file to assert expected values of the chart controls.
+
+  > [!NOTE] The controls are referenced using the logical name.
+
+4. **Update the Domain URL for Your Model-Driven Application**
+
+   | URL Part | Description |
+   |----------|-------------|
+   | `appid=a1234567-cccc-44444-9999-a123456789123` | The unique identifier of your model-driven application. |
+   | `etn=chart` | The name of the entity being validated. |
+   | `id=26bafa27-ca7d-ee11-8179-0022482a91f4` | The unique identifier of the record being edited. |
+   | `pagetype=custom` | The type of page to open. |
+
+5. **Execute the Test for Custom Page**  
+   Change the example below to the URL of your organization:
+
+```pwsh
+cd bin\Debug\PowerAppsEngine
+dotnet PowerAppsTestEngine.dll -i ..\..\..\samples\mdacharts\MDACloumChartControl_testPlan.fx.yaml -e 00000000-0000-0000-0000-11112223333 -t 11112222-3333-4444-5555-666677778888 -u storagestate --provider mda -d "https://contoso.crm4.dynamics.com/main.aspx?appid=9e9c25f3-1851-ef11-bfe2-6045bd8f802c&pagetype=custom&name=cr7d6_displaycontrols_7009b"
+```
diff --git a/samples/mdacharts/RunTests.ps1 b/samples/mdacharts/RunTests.ps1
@@ -0,0 +1,33 @@
+# Copyright (c) Microsoft Corporation.
+# Licensed under the MIT License.
+
+# Get current directory so we can reset back to it after running the tests
+$currentDirectory = Get-Location
+
+$config = Get-Content -Path .\config.json -Raw  | ConvertFrom-Json
+$tenantId = $config.tenantId
+$environmentId = $config.environmentId
+$user1Email = $config.user1Email
+
+if ([string]::IsNullOrEmpty($environmentId)) {
+    Write-Error "Environment not configured. Please update config.json"
+    return
+}
+
+# Build the latest debug version of Test Engine from source
+Set-Location ..\..\src
+dotnet build
+
+if ($config.installPlaywright) {
+    Start-Process -FilePath "pwsh" -ArgumentList "-Command `"..\bin\Debug\PowerAppsTestEngine\playwright.ps1 install`"" -Wait
+} else {
+    Write-Host "Skipped playwright install"
+}
+
+Set-Location ..\bin\Debug\PowerAppsTestEngine
+$env:user1Email = $user1Email
+# Run the tests for each user in the configuration file.
+dotnet PowerAppsTestEngine.dll -u "storagestate" --provider "mda" -a "none" -i "$currentDirectory\testPlan.fx.yaml" -t $tenantId -e $environmentId
+
+# Reset the location back to the original directory.
+Set-Location $currentDirectory
diff --git a/src/testengine.provider.mda/ModelDrivenApplicationProvider.cs b/src/testengine.provider.mda/ModelDrivenApplicationProvider.cs
@@ -213,6 +213,8 @@ public string CheckTestEngineObject
                         case "islogovisible":
                         case "istitlevisible":
                         case "checked":
+                        case "markers":
+                        case "powerbiinteractions":
                         case "autoplay":
                         case "showtitle":
                             return (T)(object)("{PropertyValue: " + value.ToString().ToLower() + "}");
