Merge pull request #2424 from microsoft/verify-add-configuration

Verify add configuration in launch.json file

Author: ConnorQi01

test/smoke/suites/debugConfiguration.test.ts

@@ -1,6 +1,8 @@
 // Copyright (c) Microsoft Corporation. All rights reserved.
 // Licensed under the MIT license. See LICENSE file in the project root for details.
 
+import * as fs from "fs";
+import * as path from "path";
 import { Page } from "playwright";
 import { SmokeTestLogger } from "./helper/smokeTestLogger";
 import { app, screenshots } from "./main";
@@ -52,5 +54,78 @@ export function startDebugConfigurationTests(): void {
             );
             assert.notStrictEqual(rnOption, null);
         });
+
+        it("Complete debug configuration setup workflow", async () => {
+            const launchFolderPath = path.join(
+                __dirname,
+                "..",
+                "resources",
+                "sampleReactNativeProject",
+            );
+            const vscodeFolderPath = path.join(launchFolderPath, ".vscode");
+            if (!fs.existsSync(vscodeFolderPath)) {
+                fs.mkdirSync(vscodeFolderPath);
+            }
+
+            fs.writeFileSync(path.join(vscodeFolderPath, "launch.json"), JSON.stringify({}));
+
+            await initApp();
+
+            await ComponentHelper.openFileExplorer();
+            const vscodeFolder = await ComponentHelper.WaitFileVisibleInFileExplorer(".vscode");
+            if (!vscodeFolder) {
+                throw new Error(
+                    "vscodeFolder is null. File '.vscode' was not found in the file explorer.",
+                );
+            }
+            await vscodeFolder.click();
+            await ElementHelper.clickElementByText("launch.json");
+
+            const debugAddConfigurationButton = await ElementHelper.WaitElementSelectorVisible(
+                Element.debugAddConfigurationButtonSelector,
+                3000,
+            );
+            await debugAddConfigurationButton.click();
+
+            const reactNativeButton = await ElementHelper.WaitElementSelectorVisible(
+                Element.reactNativeButtonSelector,
+                5000,
+            );
+            await reactNativeButton.click();
+
+            const debugApplicationButton = await ElementHelper.WaitElementSelectorVisible(
+                Element.debugApplicationButtonSelector,
+                1000,
+            );
+            await debugApplicationButton.click();
+
+            const androidButton = await ElementHelper.WaitElementSelectorVisible(
+                Element.androidButtonSelector,
+                1000,
+            );
+            await androidButton.click();
+
+            const applicationInDirectModeButton = await ElementHelper.WaitElementSelectorVisible(
+                Element.applicationInDirectModeButtonSelector,
+                1000,
+            );
+            await applicationInDirectModeButton.click();
+            await ElementHelper.waitPageLoad("domcontentloaded");
+            const configurationElement = await ElementHelper.TryFindElement(
+                Element.configurationElementSelector,
+                5000,
+            );
+
+            let launchContent = await configurationElement?.textContent();
+            if (launchContent) {
+                launchContent = launchContent.replace(/\s/g, "");
+                assert.ok(
+                    launchContent.includes("DebugAndroidHermes"),
+                    `Expected launchContent to include "Debug Android Hermes", but got: ${launchContent}`,
+                );
+            } else {
+                assert.fail("Fail to set launch file configuration.");
+            }
+        });
     });
 }

test/smoke/suites/helper/constants.ts

@@ -15,4 +15,12 @@ export class Element {
     public static createLaunchConfigFileLinkClassName = "monaco-link";
     public static welcomeViewClassName = "welcome-view-content";
     public static vscodeMonacoButtonClassName = "monaco-button";
+    public static debugAddConfigurationButtonSelector = ".floating-click-widget";
+    public static androidButtonSelector = "div[aria-label='Android']";
+    public static reactNativeButtonSelector = "div[aria-label='React Native, Enum']";
+    public static debugApplicationButtonSelector =
+        "div[aria-label='Debug application, Debug React Native application']";
+    public static applicationInDirectModeButtonSelector =
+        "div[aria-label='Application in direct mode(Hermes)']";
+    public static configurationElementSelector = ".monaco-mouse-cursor-text";
 }

test/smoke/suites/helper/elementHelper.ts

@@ -31,6 +31,12 @@ export class ElementHelper {
         await this.Page().click(`text=${text}`);
     }
 
+    public static async waitPageLoad(
+        state: "load" | "domcontentloaded" | "networkidle" | undefined,
+    ) {
+        await this.Page().waitForLoadState(state);
+    }
+
     public static async WaitElementClassNameVisible(
         className: string,
         timeout: number = 1000,