Add tests for hamburgerMenu's appearance

The added tests test that the hamburgerMenu's context menu appears,
disappears, reappears on different clicks

test/components/tabsToolbarTest.js

@@ -0,0 +1,51 @@
+/* global describe, it, before, beforeEach */
+
+const Brave = require('../lib/brave')
+const { hamburgerMenu, tabsToolbar, contextMenu } = require('../lib/selectors')
+
+describe('tabs toolbar tests', function () {
+  function * setup (client) {
+    yield client
+      .waitForUrl(Brave.newTabUrl)
+      .waitForBrowserWindow()
+      .waitForVisible(tabsToolbar)
+  }
+
+  describe('hamburgerMenu\'s contextMenu appearance test', function () {
+    Brave.beforeAll(this)
+    before(function* () {
+      yield setup(this.app.client)
+    })
+
+    beforeEach(function* () {
+      yield this.app.client
+        .click(tabsToolbar)
+    })
+
+    it('shows when clicked', function * () {
+      yield this.app.client
+        .click(hamburgerMenu)
+        .waitForExist(contextMenu)
+    })
+
+    it('disappears when clicked twice', function * () {
+      yield this.app.client
+        .click(hamburgerMenu)
+        .waitForExist(contextMenu)
+        .click(hamburgerMenu)
+        // The third parameter reverses the functionality of waitForExist, meaning it will wait for it to not exist
+        .waitForExist(contextMenu, null, true)
+        .then(() => true)
+    })
+
+    it('reappears when clicked again', function * () {
+      yield this.app.client
+        .click(hamburgerMenu)
+        .waitForExist(contextMenu)
+        .click(tabsToolbar)
+        .waitForExist(contextMenu, null, true)
+        .click(hamburgerMenu)
+        .waitForExist(contextMenu)
+    })
+  })
+})

test/lib/selectors.js

@@ -74,5 +74,8 @@ module.exports = {
   allowRunInsecureContentButton: '.allowRunInsecureContentButton',
   dismissAllowRunInsecureContentButton: '.dismissAllowRunInsecureContentButton',
   denyRunInsecureContentButton: '.denyRunInsecureContentButton',
-  dismissDenyRunInsecureContentButton: '.dismissDenyRunInsecureContentButton'
+  dismissDenyRunInsecureContentButton: '.dismissDenyRunInsecureContentButton',
+  tabsToolbar: '.tabsToolbar',
+  hamburgerMenu: '.menuButton',
+  contextMenu: '.contextMenu'
 }