Add unit tests to components package

Author: kraenhansen

packages/compass-components/src/components/workspace-tabs/tab.spec.tsx

@@ -13,10 +13,14 @@ import { Tab } from './tab';
 describe('Tab', function () {
   let onCloseSpy: sinon.SinonSpy;
   let onSelectSpy: sinon.SinonSpy;
+  let onDuplicateSpy: sinon.SinonSpy;
+  let onCloseAllOthersSpy: sinon.SinonSpy;
 
   beforeEach(function () {
     onCloseSpy = sinon.spy();
     onSelectSpy = sinon.spy();
+    onDuplicateSpy = sinon.spy();
+    onCloseAllOthersSpy = sinon.spy();
   });
 
   afterEach(cleanup);
@@ -28,6 +32,8 @@ describe('Tab', function () {
           type="Databases"
           onClose={onCloseSpy}
           onSelect={onSelectSpy}
+          onDuplicate={onDuplicateSpy}
+          onCloseAllOthers={onCloseAllOthersSpy}
           title="docs"
           isSelected
           isDragging={false}
@@ -73,6 +79,8 @@ describe('Tab', function () {
           type="Databases"
           onClose={onCloseSpy}
           onSelect={onSelectSpy}
+          onDuplicate={onDuplicateSpy}
+          onCloseAllOthers={onCloseAllOthersSpy}
           title="docs"
           isSelected={false}
           isDragging={false}
@@ -98,4 +106,48 @@ describe('Tab', function () {
       ).to.not.equal('none');
     });
   });
+
+  describe('when right-clicking', function () {
+    beforeEach(function () {
+      render(
+        <Tab
+          type="Databases"
+          onClose={onCloseSpy}
+          onSelect={onSelectSpy}
+          onDuplicate={onDuplicateSpy}
+          onCloseAllOthers={onCloseAllOthersSpy}
+          title="docs"
+          isSelected={false}
+          isDragging={false}
+          tabContentId="1"
+          tooltip={[['Connection', 'ABC']]}
+          iconGlyph="Folder"
+        />
+      );
+    });
+
+    describe('clicking menu items', function () {
+      it('should propagate clicks on "Duplicate"', async function () {
+        const tab = await screen.findByText('docs');
+        userEvent.click(tab, { button: 2 });
+        expect(screen.getByTestId('context-menu')).to.be.visible;
+
+        const menuItem = await screen.findByText('Duplicate');
+        menuItem.click();
+        expect(onDuplicateSpy.callCount).to.equal(1);
+        expect(onCloseAllOthersSpy.callCount).to.equal(0);
+      });
+
+      it('should propagate clicks on "Close all other tabs"', async function () {
+        const tab = await screen.findByText('docs');
+        userEvent.click(tab, { button: 2 });
+        expect(screen.getByTestId('context-menu')).to.be.visible;
+
+        const menuItem = await screen.findByText('Close all other tabs');
+        menuItem.click();
+        expect(onDuplicateSpy.callCount).to.equal(0);
+        expect(onCloseAllOthersSpy.callCount).to.equal(1);
+      });
+    });
+  });
 });

packages/compass-components/src/components/workspace-tabs/workspace-tabs.spec.tsx

@@ -36,6 +36,8 @@ describe('WorkspaceTabs', function () {
   let onSelectNextSpy: sinon.SinonSpy;
   let onSelectPrevSpy: sinon.SinonSpy;
   let onMoveTabSpy: sinon.SinonSpy;
+  let onDuplicateSpy: sinon.SinonSpy;
+  let onCloseAllOthersSpy: sinon.SinonSpy;
 
   beforeEach(function () {
     onCreateNewTabSpy = sinon.spy();
@@ -44,6 +46,8 @@ describe('WorkspaceTabs', function () {
     onSelectNextSpy = sinon.spy();
     onSelectPrevSpy = sinon.spy();
     onMoveTabSpy = sinon.spy();
+    onDuplicateSpy = sinon.spy();
+    onCloseAllOthersSpy = sinon.spy();
   });
 
   afterEach(cleanup);
@@ -59,6 +63,8 @@ describe('WorkspaceTabs', function () {
           onSelectNextTab={onSelectNextSpy}
           onSelectPrevTab={onSelectPrevSpy}
           onMoveTab={onMoveTabSpy}
+          onDuplicateTab={onDuplicateSpy}
+          onCloseAllOtherTabs={onCloseAllOthersSpy}
           tabs={[]}
           selectedTabIndex={0}
         />
@@ -87,7 +93,11 @@ describe('WorkspaceTabs', function () {
           onCreateNewTab={onCreateNewTabSpy}
           onCloseTab={onCloseTabSpy}
           onSelectTab={onSelectSpy}
+          onSelectNextTab={onSelectNextSpy}
+          onSelectPrevTab={onSelectPrevSpy}
           onMoveTab={onMoveTabSpy}
+          onDuplicateTab={onDuplicateSpy}
+          onCloseAllOtherTabs={onCloseAllOthersSpy}
           tabs={[1, 2, 3].map((tabId) => mockTab(tabId))}
           selectedTabIndex={1}
         />
@@ -156,7 +166,11 @@ describe('WorkspaceTabs', function () {
           onCreateNewTab={onCreateNewTabSpy}
           onCloseTab={onCloseTabSpy}
           onSelectTab={onSelectSpy}
+          onSelectNextTab={onSelectNextSpy}
+          onSelectPrevTab={onSelectPrevSpy}
           onMoveTab={onMoveTabSpy}
+          onDuplicateTab={onDuplicateSpy}
+          onCloseAllOtherTabs={onCloseAllOthersSpy}
           tabs={[1, 2].map((tabId) => mockTab(tabId))}
           selectedTabIndex={0}
         />
@@ -182,7 +196,11 @@ describe('WorkspaceTabs', function () {
           onCreateNewTab={onCreateNewTabSpy}
           onCloseTab={onCloseTabSpy}
           onSelectTab={onSelectSpy}
+          onSelectNextTab={onSelectNextSpy}
+          onSelectPrevTab={onSelectPrevSpy}
           onMoveTab={onMoveTabSpy}
+          onDuplicateTab={onDuplicateSpy}
+          onCloseAllOtherTabs={onCloseAllOthersSpy}
           tabs={[1, 2].map((tabId) => mockTab(tabId))}
           selectedTabIndex={1}
         />