Verify extension debugger is visible in select debugger list (#2419)

Co-authored-by: Connor Qi (BEYONDSOFT CONSULTING INC) <v-peq@microsoft.com>

Author: ConnorQi01

test/smoke/suites/debugConfiguration.test.ts

@@ -0,0 +1,56 @@
+// Copyright (c) Microsoft Corporation. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for details.
+
+import { Page } from "playwright";
+import { SmokeTestLogger } from "./helper/smokeTestLogger";
+import { app, screenshots } from "./main";
+import * as assert from "assert";
+import { ElementHelper } from "./helper/elementHelper";
+import { Element } from "./helper/constants";
+import { ComponentHelper } from "./helper/componentHelper";
+
+export function startDebugConfigurationTests(): void {
+    describe("DebugConfigurationTest", () => {
+        async function initApp(): Promise<Page> {
+            await app.launch();
+            return app.getMainPage();
+        }
+
+        async function dispose() {
+            if (this.currentTest?.state === "failed") {
+                SmokeTestLogger.info("Test failed, taking screenshot ...");
+                await screenshots.takeScreenshots(
+                    this.currentTest.parent?.title || "Others",
+                    this.currentTest.title.replace(/\s+/g, "_"),
+                );
+            }
+            try {
+                SmokeTestLogger.info(`Dispose test: "${this.currentTest.title}" ...`);
+                if (app) {
+                    await app.close();
+                }
+            } catch (error) {
+                SmokeTestLogger.error(`Error while dispose: ${error}`);
+            }
+        }
+
+        afterEach(dispose);
+
+        it("Verify extension debugger is visible in select debugger list", async () => {
+            const createLaunchFile = "create a launch.json file";
+            const rnOptionText = "More React Native options...";
+
+            await initApp();
+
+            await ComponentHelper.openRunAndDebugTab();
+            await ElementHelper.WaitElementClassNameVisible(Element.welcomeViewClassName);
+            await ElementHelper.clickElementByText(createLaunchFile);
+
+            const rnOption = await ElementHelper.TryFindElement(
+                `[aria-label="${rnOptionText}"]`,
+                2000,
+            );
+            assert.notStrictEqual(rnOption, null);
+        });
+    });
+}

test/smoke/suites/helper/componentHelper.ts

@@ -31,6 +31,13 @@ export class ComponentHelper {
         }
     }
 
+    public static async openRunAndDebugTab() {
+        const debugIcon = await ElementHelper.WaitElementClassNameVisible(
+            Element.runAndDebugTabButtonClassName,
+        );
+        await debugIcon.click();
+    }
+
     public static async WaitFileVisibleInFileExplorer(
         fileName: string,
     ): Promise<ElementHandle<SVGElement | HTMLElement> | null> {

test/smoke/suites/helper/constants.ts

@@ -11,4 +11,8 @@ export class Element {
     public static fileExplorerViewId = "workbench.view.explorer";
     public static debugActionItemDropdownAriaLable = "Run or Debug...";
     public static debugActionItemButtonSelector = ".action-label.codicon.codicon-debug-alt";
+    public static runAndDebugTabButtonClassName = "codicon-run-view-icon";
+    public static createLaunchConfigFileLinkClassName = "monaco-link";
+    public static welcomeViewClassName = "welcome-view-content";
+    public static vscodeMonacoButtonClassName = "monaco-button";
 }

test/smoke/suites/helper/elementHelper.ts

@@ -27,6 +27,10 @@ export class ElementHelper {
         }
     }
 
+    public static async clickElementByText(text: string) {
+        await this.Page().click(`text=${text}`);
+    }
+
     public static async WaitElementClassNameVisible(
         className: string,
         timeout: number = 1000,

test/smoke/suites/smoke.test.ts

@@ -4,6 +4,7 @@
 import { startActionBarTests } from "./actionBar.test";
 import { startExtensionActivationTests } from "./activation.test";
 import { startCommandPaletteTests } from "./commands.test";
+import { startDebugConfigurationTests } from "./debugConfiguration.test";
 import { startFileExplorerTests } from "./fileExplorer.test";
 import { SmokeTestLogger } from "./helper/smokeTestLogger";
 import { smokeTestFail } from "./helper/utilities";
@@ -32,5 +33,6 @@ export function startSmokeTests(setup: () => Promise<void>, cleanUp: () => Promi
         startFileExplorerTests();
         startPackagerTests();
         startActionBarTests();
+        startDebugConfigurationTests();
     });
 }