PLT-5884 begin simulation of escrow contract

e2e/config/mappings/page-elements/contract-simulation.json

@@ -0,0 +1,3 @@
+{
+  "Simulation Currency" : { "role": "spinbutton", "name": "0.000000"}
+}

e2e/config/pages.json

@@ -19,7 +19,7 @@
     "route": "/#/blockly",
     "regex": "^/#/blockly$"
   },
-  "contract simulation": {
+  "contract-simulation": {
     "route": "/#/simulation",
     "regex": "^/#/simulation$"
   }

e2e/src/env/global.ts

@@ -1,7 +1,7 @@
 export type PageId = string;
 export type PagesConfig = Record<PageId, Record<string, string>>;
 export type HostsConfig = Record<string, string>;
-export type ValidAccessibilityRoles = "link" | "button" | "group" | "heading";
+export type ValidAccessibilityRoles = "link" | "button" | "group" | "heading" | "spinbutton";
 export type ElementKey = string;
 export type ElementLocator = Record<string, string>;
 export type PageElementMappings = Record<PageId, Record<ElementKey, ElementLocator>>;

e2e/src/features/contract-simulation.feature

@@ -15,6 +15,10 @@ Feature: Simulated a contract
       Then I should see a "button" with "Compiled" text
 
       When I click the "button" with "Send To Simulator" text
-      Then I should be on the "contract simulation" page
+      Then I should be on the "contract-simulation" page
       # And I should see a "heading" with "SIMULATION HAS NOT STARTED YET" text
-      And I should see a "button" with "Start simulation" text
+      And I should see a "button" with "Start simulation" text
+
+      When I fill in the "Simulation Currency" input with "100"
+      And I click the "button" with "Start simulation" text
+      Then I should see a "button" with "Reset" text

e2e/src/step-definitions/click.ts

@@ -1,7 +1,6 @@
 import { When } from '@cucumber/cucumber';
 import { ScenarioWorld } from './setup/world';
 import { ValidAccessibilityRoles } from '../env/global';
-import { waitFor } from '../support/wait-for-behavior';
 
 When(
   /^I click the "([^"]*)" with "([^"]*)" text$/,

e2e/src/step-definitions/form.ts

@@ -1,42 +1,35 @@
-// import { When } from "@cucumber/cucumber";
-// import { waitFor } from "../support/wait-for-behavior";
-// import { queries, getDocument } from 'playwright-testing-library';
-// import { ScenarioWorld } from './setup/world';
-// import { getElementLocator } from '../support/web-element-helper';
-// import { getFixtureText } from '../support/fixture-helper';
-// import { ElementKey, FixtureKey } from '../env/global';
-// import { Locator } from 'playwright';
-// import {
-//   inputValue,
-//   selectValue
-// } from '../support/html-behavior';
-
-// When(
-//   /^I fill in the "([^"]*)" input with "([^"]*)"$/,
-//   async function(this: ScenarioWorld, elementKey: ElementKey, input: string) {
-//     const {
-//       screen: { page },
-//       globalConfig
-//     } = this;
-
-
-//     console.log(`I fill in the ${elementKey} input with ${input}`);
-
-//     const elementIdentifier = getElementLocator(page, elementKey, globalConfig);
-//     const { role, name } = elementIdentifier;
-//     const document = await getDocument(page);
-
-//     await waitFor(async() => {
-//       const locator = await queries.getByRole(document, role, { name })
-//       const result = await locator.isVisible();
-
-//       if (result) {
-//         await inputValue(locator, input)
-//         return result;
-//       }
-//     });
-//   }
-// )
+import { When } from "@cucumber/cucumber";
+import { ScenarioWorld } from './setup/world';
+import { getElementLocator } from '../support/web-element-helper';
+import { ElementKey } from '../env/global';
+import { ValidAccessibilityRoles } from '../env/global';
+import {
+  inputValue,
+} from '../support/html-behavior';
+
+When(
+  /^I fill in the "([^"]*)" input with "([^"]*)"$/,
+  async function(this: ScenarioWorld, elementKey: ElementKey, input: string) {
+    const {
+      screen: { page },
+      globalConfig
+    } = this;
+
+
+    console.log(`I fill in the ${elementKey} input with ${input}`);
+
+    const elementIdentifier = getElementLocator(page, elementKey, globalConfig);
+    const { role, name } = elementIdentifier;
+
+      const locator = await page.getByRole(role as ValidAccessibilityRoles, { name });
+      const result = await locator.isVisible();
+
+      if (result) {
+        await inputValue(locator, input)
+        return result;
+      }
+  }
+)
 
 // When(
 //   /^I fill in the "playground editor" input with "([^"]*)" contract code$/,

e2e/src/support/web-element-helper.ts

@@ -9,6 +9,7 @@ export const getElementLocator = (
 ): ElementLocator => {
 
   const currentPage = getCurrentPageId(page, globalConfig);
+  console.log(`currentPage: ${currentPage}`);
 
   const { pageElementMappings } = globalConfig;
   return pageElementMappings[currentPage]?.[elementKey] || pageElementMappings[currentPage]?.common?.[elementKey]