From badaf3a7aa5ef4ccaaf5fb749313d29cd3858e9b Mon Sep 17 00:00:00 2001
From: LianaHus <liana@ethdev.com>
Date: Tue, 12 Jan 2021 15:53:20 +0100
Subject: [PATCH] added a test

---
 .../src/tests/verticalIconsPanel.test.ts      | 35 +++++++++++++++++++
 apps/remix-ide/src/app/ui/contextMenu.js      |  2 +-
 package.json                                  |  2 ++
 3 files changed, 38 insertions(+), 1 deletion(-)
 create mode 100644 apps/remix-ide-e2e/src/tests/verticalIconsPanel.test.ts

diff --git a/apps/remix-ide-e2e/src/tests/verticalIconsPanel.test.ts b/apps/remix-ide-e2e/src/tests/verticalIconsPanel.test.ts
new file mode 100644
index 0000000000..c094e2b3c8
--- /dev/null
+++ b/apps/remix-ide-e2e/src/tests/verticalIconsPanel.test.ts
@@ -0,0 +1,35 @@
+'use strict'
+import { NightwatchBrowser } from 'nightwatch'
+import init from '../helpers/init'
+import sauce from './sauce'
+
+module.exports = {
+  before: function (browser: NightwatchBrowser, done: VoidFunction) {
+    init(browser, done, 'http://127.0.0.1:8080', false)
+  },
+
+  'Checks vertical icons panelcontex menu': function (browser: NightwatchBrowser) {
+    browser.waitForElementVisible('div[data-id="remixIdeIconPanel"]', 10000)
+    .waitForElementVisible('*[data-id="verticalIconsKindpluginManager"]')
+    .click('*[data-id="verticalIconsKindpluginManager"]')
+    .scrollAndClick('*[data-id="pluginManagerComponentActivateButtondebugger"]')
+    .waitForElementVisible('*[data-id="pluginManagerComponentDeactivateButtondebugger"]', 7000)
+    .rightClick('[data-id="verticalIconsKinddebugger"]')
+    .waitForElementVisible('*[id="menuitemdeactivate"]')
+    .waitForElementVisible('*[id="menuitemdocumentation"]')
+    .click('*[data-id="remixIdeIconPanel"]')
+  },
+
+  'Checks vertical icons panel contex menu deactivate': function (browser: NightwatchBrowser) {
+    browser.waitForElementVisible('div[data-id="remixIdeIconPanel"]', 10000)
+    .waitForElementVisible('*[data-id="verticalIconsKinddebugger"]', 7000)
+    .rightClick('[data-id="verticalIconsKinddebugger"]')
+    .click('*[id="menuitemdeactivate"]')
+    .click('*[data-id="verticalIconsKindsettings"]')
+    .click('*[data-id="verticalIconsKindpluginManager"]')
+    .scrollInto('*[data-id="pluginManagerComponentActivateButtondebugger"]')
+    .waitForElementVisible('*[data-id="pluginManagerComponentActivateButtondebugger"]')
+  },
+
+  tearDown: sauce
+}
diff --git a/apps/remix-ide/src/app/ui/contextMenu.js b/apps/remix-ide/src/app/ui/contextMenu.js
index 334c720e1f..0bc2dae605 100644
--- a/apps/remix-ide/src/app/ui/contextMenu.js
+++ b/apps/remix-ide/src/app/ui/contextMenu.js
@@ -54,7 +54,7 @@ module.exports = (event, items, linkItems) => {
       return current
     })
   }
-  
+
   const container = yo`
     <div id="menuItemsContainer" class="p-1 ${css.container} bg-light shadow border">
      <ul id='menuitems'>${menu} ${menuForLinks}</ul>
diff --git a/package.json b/package.json
index b4a1b72fb6..04c5887ac2 100644
--- a/package.json
+++ b/package.json
@@ -82,6 +82,8 @@
     "nightwatch_local_fileManager": "npm run build:e2e & nightwatch --config dist/apps/remix-ide-e2e/nightwatch.js dist/apps/remix-ide-e2e/src/tests/fileManager_api.test.js --env=chrome",
     "nightwatch_local_runAndDeploy": "npm run build:e2e & nightwatch --config dist/apps/remix-ide-e2e/nightwatch.js dist/apps/remix-ide-e2e/src/tests/runAndDeploy.js --env=chrome-runAndDeploy",
     "nightwatch_local_url": "npm run build:e2e & nightwatch --config dist/apps/remix-ide-e2e/nightwatch.js dist/apps/remix-ide-e2e/src/tests/url.test.js --env=chrome",
+    "nightwatch_local_verticalIconscontextmenu": "npm run build:e2e & nightwatch --config dist/apps/remix-ide-e2e/nightwatch.js dist/apps/remix-ide-e2e/src/tests/verticalIconsPanel.test.js --env=chrome",
+
     "onchange": "onchange apps/remix-ide/build/app.js -- npm-run-all lint",
     "remixd": "nx build remixd & nx serve remixd --folder=./apps/remix-ide/contracts --remixide=http://127.0.0.1:8080",
     "selenium": "selenium-standalone start",