fix e2e

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

@@ -30,8 +30,10 @@ function verifyContracts (browser: NightwatchBrowser, compiledContractNames: str
           .pause(2000)
           .click('*[data-id="treeViewDivtreeViewItemcompiler"]')
           .waitForElementVisible('*[data-id="treeViewLiversion"]')
-          .assert.containsText('*[data-id="treeViewLiversion"]', `${opts.version}`)
-          .assert.visible('*[id="compileDetails"]')
+          .waitForElementContainsText('*[data-id="treeViewLiversion"]', `${opts.version}`)
+          .waitForElementVisible('*[id="compileDetails"]')
+          .waitForElementVisible('*[data-path="compilationDetails"]')
+          .click('*[data-id="close_compilationDetails"]')
           .perform(() => {
             done()
             callback()
@@ -42,14 +44,16 @@ function verifyContracts (browser: NightwatchBrowser, compiledContractNames: str
           .waitForElementVisible('*[data-id="remixui_treeviewitem_metadata"]')
           .pause(2000)
           .click('*[data-id="remixui_treeviewitem_metadata"]')
-          .waitForElementVisible('*[data-id="treeViewDivtreeViewItemsettings"]')
+          .assert.visible('*[data-id="treeViewDivtreeViewItemsettings"]')
           .pause(2000)
           .click('*[data-id="treeViewDivtreeViewItemsettings"]')
           .waitForElementVisible('*[data-id="treeViewDivtreeViewItemoptimizer"]')
           .click('*[data-id="treeViewDivtreeViewItemoptimizer"]')
           .waitForElementVisible('*[data-id="treeViewDivruns"]')
-          .assert.containsText('*[data-id="treeViewDivruns"]', `${opts.runs}`)
-          .assert.visible('*[id="compileDetails"]')
+          .waitForElementContainsText('*[data-id="treeViewDivruns"]', `${opts.runs}`)
+          .waitForElementVisible('*[id="compileDetails"]')
+          .waitForElementVisible('*[data-id="close_compilationDetails"]')
+          .click('*[data-id="close_compilationDetails"]')
           .perform(() => {
             done()
             callback()

apps/remix-ide/src/app/plugins/compile-details.tsx

@@ -35,7 +35,7 @@ export class CompilationDetailsPlugin extends ViewPlugin {
   }
 
   async onActivation() {
-    await this.call('tabs', 'focus', 'compilationdetails')
+    await this.call('tabs', 'focus', 'compilationDetails')
     this.renderComponent()
     _paq.push(['trackEvent', 'plugin', 'activated', 'compilationDetails'])
   }
@@ -45,7 +45,7 @@ export class CompilationDetailsPlugin extends ViewPlugin {
   }
 
   async showDetails(sentPayload: any) {
-    await this.call('tabs', 'focus', 'compilationdetails')
+    await this.call('tabs', 'focus', 'compilationDetails')
     this.payload = sentPayload
     this.renderComponent()
   }

libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx

@@ -106,6 +106,7 @@ export const TabsUI = (props: TabsUIProps) => {
           {getFileDecorationIcons(tab)}
           <span
             className="close-tabs"
+            data-id={`close_${tab.name}`}
             onClick={(event) => {
               props.onClose(index)
               event.stopPropagation()