Revert changes to existing state generator util. Create a new function for out of order generator util

Author: shefalijoshi

e2e/README.md

@@ -105,11 +105,13 @@ For those interested in the mechanics of snapshot testing with Playwright, you c
 
 - Our Snapshot tests receive a `@snapshot` tag.
 - Snapshots need to be executed within the official Playwright container to ensure we're using the exact rendering platform in CI and locally. To do a valid comparison locally:
+- Note, microsoft might have retired older images like `-jammy`. Run the following command to find the available tags:
+`curl -s https://mcr.microsoft.com/v2/playwright/tags/list | jq -r '.tags[]' | grep "v{X.X.X}`
 
 ```sh
 // Replace {X.X.X} with the current Playwright version 
 // from our package.json configuration file
-docker run --rm --network host -v $(pwd):/work/ -w /work/ -it mcr.microsoft.com/playwright:v{X.X.X}-focal /bin/bash
+docker run --rm --network host -v $(pwd):/work/ -w /work/ -it mcr.microsoft.com/playwright:v{X.X.X}-jammy /bin/bash
 npm install
 npm run test:e2e:checksnapshots
 ```
@@ -123,7 +125,7 @@ To compare a snapshot, run a test and open the html report with the 'Expected' v
 ```sh
 // Replace {X.X.X} with the current Playwright version 
 // from our package.json configuration file
-docker run --rm --network host -v $(pwd):/work/ -w /work/ -it mcr.microsoft.com/playwright:v{X.X.X}-focal /bin/bash
+docker run --rm --network host -v $(pwd):/work/ -w /work/ -it mcr.microsoft.com/playwright:v{X.X.X}-jammy /bin/bash
 npm install
 npm run test:e2e:updatesnapshots
 ```

e2e/appActions.js

@@ -270,6 +270,36 @@ async function createStableStateTelemetry(page, parent = 'mine', outOfOrder = fa
   };
 }
 
+/**
+ * Create a Out of order State Telemetry Object (State Generator) for use in visual tests
+ * and tests against plotting telemetry (e.g. logPlot tests). This will change state every 2 seconds.
+ * @param {import('@playwright/test').Page} page
+ * @param {string | import('../src/api/objects/ObjectAPI').Identifier} [parent] the uuid or identifier of the parent object. Defaults to 'mine'
+ * @returns {Promise<CreatedObjectInfo>} An object containing information about the telemetry object.
+ */
+async function createOutOfOrderStateTelemetry(page, parent = 'mine', duration = 0.25) {
+  const parentUrl = await getHashUrlToDomainObject(page, parent);
+
+  await page.goto(`${parentUrl}`);
+  const createdObject = await createDomainObjectWithDefaults(
+    page,
+    {
+      type: 'State Generator',
+      name: 'Stable State Generator'
+    },
+    { outOfOrder: true, duration: duration.toString() }
+  );
+  // Wait until the URL is updated
+  const uuid = await getFocusedObjectUuid(page);
+  const url = await getHashUrlToDomainObject(page, uuid);
+
+  return {
+    name: createdObject.name,
+    uuid,
+    url
+  };
+}
+
 /**
  * Navigates directly to a given object url, in fixed time mode, with the given start and end bounds. Note: does not set
  * default view type.
@@ -767,6 +797,7 @@ export {
   createDomainObjectWithDefaults,
   createExampleTelemetryObject,
   createNotification,
+  createOutOfOrderStateTelemetry,
   createPlanFromJSON,
   createStableStateTelemetry,
   expandEntireTree,