GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-05 08:01:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add more tests for stories.js

Browse Source
This commit is contained in:
igor 2017-06-21 12:59:32 +03:00
parent ad32ffabbb
commit 6960d91cb9
1 changed files with 74 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
lib/ui/src/modules/ui/components/left_panel/stories.test.js
View File

@ -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);
});
});
});