From 6960d91cb959edbc28d18a1e03065b1cadf5b0cf Mon Sep 17 00:00:00 2001
From: igor <igor@sears.co.il>
Date: Wed, 21 Jun 2017 12:59:32 +0300
Subject: [PATCH] Add more tests for stories.js

---
 .../ui/components/left_panel/stories.test.js  | 74 +++++++++++++++++++
 1 file changed, 74 insertions(+)

diff --git a/lib/ui/src/modules/ui/components/left_panel/stories.test.js b/lib/ui/src/modules/ui/components/left_panel/stories.test.js
index 841b06b456e..f73ec3dbd8b 100755
--- a/lib/ui/src/modules/ui/components/left_panel/stories.test.js
+++ b/lib/ui/src/modules/ui/components/left_panel/stories.test.js
@@ -22,6 +22,58 @@ describe('manager.ui.components.left_panel.stories', () => {
       expect(output).toMatch(/20/);
       expect(output).toMatch(/b2/);
     });
+
+    test('should render stories with hierarchy - leftPanelHierarchy is true', () => {
+      const data = [
+        { kind: 'some.name.item1', stories: ['a1', 'a2'] },
+        { kind: 'another.space.20', stories: ['b1', 'b2'] },
+      ];
+      const wrap = shallow(
+        <Stories
+          stories={data}
+          selectedKind="another.space.20"
+          selectedStory="b2"
+          leftPanelHierarchy
+        />
+      );
+
+      const output = wrap.html();
+
+      expect(output).toMatch(/some/);
+      expect(output).not.toMatch(/name/);
+      expect(output).not.toMatch(/item1/);
+      expect(output).not.toMatch(/a1/);
+      expect(output).not.toMatch(/a2/);
+      expect(output).toMatch(/another/);
+      expect(output).toMatch(/space/);
+      expect(output).toMatch(/20/);
+      expect(output).toMatch(/b1/);
+      expect(output).toMatch(/b2/);
+    });
+
+    test('should render stories without hierarchy - leftPanelHierarchy is false', () => {
+      const data = [
+        { kind: 'some.name.item1', stories: ['a1', 'a2'] },
+        { kind: 'another.space.20', stories: ['b1', 'b2'] },
+      ];
+      const wrap = shallow(
+        <Stories
+          stories={data}
+          selectedKind="another.space.20"
+          selectedStory="b2"
+          leftPanelHierarchy={false}
+        />
+      );
+
+      const output = wrap.html();
+
+      expect(output).toMatch(/some.name.item1/);
+      expect(output).not.toMatch(/a1/);
+      expect(output).not.toMatch(/a2/);
+      expect(output).toMatch(/another.space.20/);
+      expect(output).toMatch(/b1/);
+      expect(output).toMatch(/b2/);
+    });
   });
 
   describe('events', () => {
@@ -50,5 +102,27 @@ describe('manager.ui.components.left_panel.stories', () => {
 
       expect(onSelectStory).toHaveBeenCalledWith('b', 'b1');
     });
+
+    test('should call the onSelectStory prop when a namespace is clicked - leftPanelHierarchy is true', () => {
+      const data = [
+        { kind: 'some.name.item1', stories: ['a1', 'a2'] },
+        { kind: 'another.space.20', stories: ['b1', 'b2'] },
+      ];
+      const onSelectStory = jest.fn();
+      const wrap = shallow(
+        <Stories
+          stories={data}
+          selectedKind="some.name.item1"
+          selectedStory="a2"
+          onSelectStory={onSelectStory}
+          leftPanelHierarchy
+        />
+      );
+
+      const kind = wrap.find('a').filterWhere(el => el.text() === 'another').last();
+      kind.simulate('click');
+
+      expect(onSelectStory).toHaveBeenCalledWith('another.space.20', null);
+    });
   });
 });