Add smoke test for CDP Node version compatibility feature

Author: EmmaYuan1015

test/smoke/suites/cdpNodeVersionCompatibility.test.ts

@@ -0,0 +1,75 @@
+// 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 { ComponentHelper } from "./helper/componentHelper";
+import { ElementHelper } from "./helper/elementHelper";
+import { Element } from "./helper/constants";
+
+export function startCDPNodeVersionCompatibilityTests(): void {
+    describe("CDPNodeVersionCompatibilityTest", () => {
+        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 Run and Debug tab is accessible for debugging operations", async () => {
+            await initApp();
+
+            await ComponentHelper.openRunAndDebugTab();
+            await ElementHelper.WaitElementClassNameVisible(
+                Element.runAndDebugTabButtonClassName,
+                5000,
+            );
+
+            SmokeTestLogger.info("Run and Debug tab is accessible");
+        });
+
+        it("Verify command palette can access debug-related commands", async () => {
+            await initApp();
+
+            await ComponentHelper.openCommandPalette();
+            await ElementHelper.WaitElementClassNameVisible(Element.commandPaletteClassName, 5000);
+
+            await ElementHelper.inputText("debug");
+            const option = await ElementHelper.WaitElementSelectorVisible(
+                Element.commandPaletteFocusedItemSelector,
+                5000,
+            );
+
+            const value = await option.getAttribute("aria-label");
+            assert.ok(value?.toLowerCase().includes("debug"));
+            SmokeTestLogger.info("Debug commands are available in command palette");
+        });
+
+        it("Verify React Native packager is available for debugging", async () => {
+            await initApp();
+
+            await ComponentHelper.getReactNativePackager();
+            SmokeTestLogger.info("React Native packager is available for debugging");
+        });
+    });
+}

test/smoke/suites/smoke.test.ts

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