Test sm update command

playwright/pages/ChangelogPage.ts

@@ -29,7 +29,20 @@ export class ChangelogPage extends SliceMachinePage {
   /**
    * Dynamic locators
    */
-  // Handle dynamic locators here
+  getUpdateCommand(args: {
+    packageManager: string;
+    adapterName: string;
+    version: string;
+  }) {
+    const { packageManager, adapterName, version } = args;
+    let updateCommand;
+    if (packageManager == "yarn") {
+      updateCommand = `yarn add --dev slice-machine-ui@${version} ${adapterName}@${version}`;
+    } else {
+      updateCommand = `npm install --save-dev slice-machine-ui@${version} ${adapterName}@${version}`;
+    }
+    return this.body.getByText(updateCommand, { exact: true });
+  }
 
   /**
    * Actions

playwright/tests/changelog/changelog.spec.ts

@@ -61,4 +61,64 @@ test.describe("Changelog", () => {
       await expect(changelogPage.breakingChangesWarning).not.toBeVisible();
     },
   );
+
+  test.run()(
+    "I can see the yarn latest update command",
+    async ({ changelogPage, procedures }) => {
+      const packageManager = "yarn";
+      const adapterName = "@slicemachine/adapter-next";
+      procedures.mock("project.getAdapterName", () => adapterName, {
+        execute: false,
+      });
+      procedures.mock("getState", ({ data }) => ({
+        ...(data as Record<string, unknown>),
+        env: {
+          ...((data as Record<string, unknown>)["env"] as Record<
+            string,
+            unknown
+          >),
+          packageManager,
+        },
+      }));
+
+      await changelogPage.goto();
+      await expect(
+        changelogPage.getUpdateCommand({
+          packageManager,
+          adapterName,
+          version: "latest",
+        }),
+      ).toBeVisible();
+    },
+  );
+
+  test.run()(
+    "I can see the npm latest update command",
+    async ({ changelogPage, procedures }) => {
+      const packageManager = "npm";
+      const adapterName = "@slicemachine/adapter-next";
+      procedures.mock("project.getAdapterName", () => adapterName, {
+        execute: false,
+      });
+      procedures.mock("getState", ({ data }) => ({
+        ...(data as Record<string, unknown>),
+        env: {
+          ...((data as Record<string, unknown>)["env"] as Record<
+            string,
+            unknown
+          >),
+          packageManager,
+        },
+      }));
+
+      await changelogPage.goto();
+      await expect(
+        changelogPage.getUpdateCommand({
+          packageManager,
+          adapterName,
+          version: "latest",
+        }),
+      ).toBeVisible();
+    },
+  );
 });