handle receiving click event

apps/remix-ide-e2e/src/commands/testConstantFunction.ts

@@ -1,36 +1,80 @@
-import { NightwatchBrowser, NightwatchTestConstantFunctionExpectedInput } from 'nightwatch'
+import {
+  NightwatchBrowser,
+  NightwatchTestConstantFunctionExpectedInput
+} from 'nightwatch'
 import EventEmitter from 'events'
 
 class TestConstantFunction extends EventEmitter {
-  command (this: NightwatchBrowser, address: string, fnFullName: string, expectedInput: NightwatchTestConstantFunctionExpectedInput | null, expectedOutput: string): NightwatchBrowser {
+  command(
+    this: NightwatchBrowser,
+    address: string,
+    fnFullName: string,
+    expectedInput: NightwatchTestConstantFunctionExpectedInput | null,
+    expectedOutput: string
+  ): NightwatchBrowser {
     console.log('TestConstantFunction ' + address + ' fnFullName')
     this.api.perform((done) => {
-      testConstantFunction(this.api, address, fnFullName, expectedInput, expectedOutput, () => {
+      testConstantFunction(
+        this.api,
+        address,
+        fnFullName,
+        expectedInput,
+        expectedOutput,
+        () => {
           done()
           this.emit('complete')
-      })
+        }
+      )
     })
     return this
   }
 }
 
-function testConstantFunction (browser: NightwatchBrowser, address: string, fnFullName: string, expectedInput: NightwatchTestConstantFunctionExpectedInput, expectedOutput: string, cb: VoidFunction) {
-  browser.waitForElementPresent('.instance button[data-title="' + fnFullName + '"]').perform(function (client, done) {
-    client.execute(function () {
-      document.querySelector('#runTabView').scrollTop = document.querySelector('#runTabView').scrollHeight
-    }, [], function () {
+function testConstantFunction(
+  browser: NightwatchBrowser,
+  address: string,
+  fnFullName: string,
+  expectedInput: NightwatchTestConstantFunctionExpectedInput,
+  expectedOutput: string,
+  cb: VoidFunction
+) {
+  browser
+    .waitForElementPresent('.instance *[data-title="' + fnFullName + '"]')
+    .perform(function (client, done) {
+      client.execute(
+        function () {
+          document.querySelector('#runTabView').scrollTop =
+            document.querySelector('#runTabView').scrollHeight
+        },
+        [],
+        function () {
           if (expectedInput) {
-        client.waitForElementPresent('#runTabView input[data-title="' + expectedInput.types + '"]')
-          .setValue('#runTabView input[data-title="' + expectedInput.types + '"]', expectedInput.values)
+            client
+              .waitForElementPresent(
+                '#runTabView input[data-title="' + expectedInput.types + '"]'
+              )
+              .setValue(
+                '#runTabView input[data-title="' + expectedInput.types + '"]',
+                expectedInput.values
+              )
           }
           done()
+        }
+      )
     })
-  })
-    .click(`#instance${address} button[data-title="${fnFullName}"]`)
+    .click(`#instance${address} *[data-title="${fnFullName}"]`)
     .pause(1000)
-    .waitForElementPresent('#instance' + address + ' .udapp_contractActionsContainer .udapp_value')
-    .scrollInto('#instance' + address + ' .udapp_contractActionsContainer .udapp_value')
-    .assert.containsText('#instance' + address + ' .udapp_contractActionsContainer', expectedOutput).perform(() => {
+    .waitForElementPresent(
+      '#instance' + address + ' .udapp_contractActionsContainer .udapp_value'
+    )
+    .scrollInto(
+      '#instance' + address + ' .udapp_contractActionsContainer .udapp_value'
+    )
+    .assert.containsText(
+      '#instance' + address + ' .udapp_contractActionsContainer',
+      expectedOutput
+    )
+    .perform(() => {
       cb()
     })
 }