From 8872f2f3024a06bd20591bf63c441fd7e581d6f2 Mon Sep 17 00:00:00 2001
From: Joseph Izang <josephizang@gmail.com>
Date: Tue, 13 Feb 2024 13:27:17 +0100
Subject: [PATCH] fixing e2e

---
 .../remix-ide-e2e/src/tests/vyper_api.test.ts | 19 +++++++++++++++++++
 .../src/lib/vyper-compile-details.tsx         |  1 +
 2 files changed, 20 insertions(+)

diff --git a/apps/remix-ide-e2e/src/tests/vyper_api.test.ts b/apps/remix-ide-e2e/src/tests/vyper_api.test.ts
index 5ef312d8a2..b95c3560d9 100644
--- a/apps/remix-ide-e2e/src/tests/vyper_api.test.ts
+++ b/apps/remix-ide-e2e/src/tests/vyper_api.test.ts
@@ -41,6 +41,25 @@ module.exports = {
       .openFile('examples/auctions/blind_auction.vy')
   },
 
+  'Context menu click to compile blind_auction should succeed #group1': function (browser: NightwatchBrowser) {
+    browser.clickLaunchIcon('vyper')
+      // @ts-ignore
+      .frame(0)
+      .click('[data-id="remote-compiler"]')
+      .click('[data-id="compile"]')
+      .waitForElementVisible({
+        selector:'[data-id="compilation-details"]',
+        timeout: 120000
+      })
+      .click('[data-id="compilation-details"]')
+      .frameParent()
+      .waitForElementVisible('[data-id="copy-abi"]')
+      .waitForElementVisible({
+        selector: "//*[@class='variable-value' and contains(.,'highestBidder')]",
+        locateStrategy: 'xpath',
+      })
+  },
+
   'Compile blind_auction should success #group1': function (browser: NightwatchBrowser) {
     browser.clickLaunchIcon('vyper')
       // @ts-ignore
diff --git a/libs/remix-ui/vyper-compile-details/src/lib/vyper-compile-details.tsx b/libs/remix-ui/vyper-compile-details/src/lib/vyper-compile-details.tsx
index 8ef97958b1..cbb7353fb0 100644
--- a/libs/remix-ui/vyper-compile-details/src/lib/vyper-compile-details.tsx
+++ b/libs/remix-ui/vyper-compile-details/src/lib/vyper-compile-details.tsx
@@ -11,6 +11,7 @@ interface RemixUiVyperCompileDetailsProps {
 
 export function RemixUiVyperCompileDetails({ payload, theme, themeStyle }: RemixUiVyperCompileDetailsProps) {
   const compileResult = payload['compileResult'] ?? {}
+  console.log('compileResult', compileResult, payload)
   const bcode = compileResult.bytecode ? compileResult.bytecode.object : ''
   const runtimeBcode = compileResult.runtimeBytecode ? compileResult.runtimeBytecode.object : ''
   const ir = compileResult.ir