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

✅ test: fix tests

Browse Source
This commit is contained in:
kazuya kawaguchi 2017-08-05 23:49:24 +09:00
parent 6f357405f9
commit 5b7820605e
No known key found for this signature in database
GPG Key ID: 92C928952CA5309E
1 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
app/vue/src/client/preview/client_api.test.js
View File

@ -134,20 +134,20 @@ describe('preview.client_api', () => {
const storyStore = new StoryStore();
const api = new ClientAPI({ storyStore });
const localApi = api.storiesOf('none');
localApi.addDecorator(fn => `aa-${fn()}`);
localApi.addDecorator(fn => ({ template: `<div>aa${fn().template}</div>` }));
localApi.add('storyName', () => 'Hello');
expect(storyStore.stories[0].fn()).toBe('aa-Hello');
localApi.add('storyName', () => ({ template: '<p>hello</p>' }));
expect(storyStore.stories[0].fn().template).toBe('<div>aa<p>hello</p></div>');
});
it('should add global decorators', () => {
const storyStore = new StoryStore();
const api = new ClientAPI({ storyStore });
api.addDecorator(fn => `bb-${fn()}`);
api.addDecorator(fn => ({ template: `<div>bb${fn().template}</div>` }));
const localApi = api.storiesOf('none');
localApi.add('storyName', () => 'Hello');
expect(storyStore.stories[0].fn()).toBe('bb-Hello');
localApi.add('storyName', () => ({ template: '<p>hello</p>' }));
expect(storyStore.stories[0].fn().template).toBe('<div>bb<p>hello</p></div>');
});
it('should utilize both decorators at once', () => {
@ -155,41 +155,41 @@ describe('preview.client_api', () => {
const api = new ClientAPI({ storyStore });
const localApi = api.storiesOf('none');
api.addDecorator(fn => `aa-${fn()}`);
localApi.addDecorator(fn => `bb-${fn()}`);
api.addDecorator(fn => ({ template: `<div>aa${fn().template}</div>` }));
localApi.addDecorator(fn => ({ template: `<div>bb${fn().template}</div>` }));
localApi.add('storyName', () => 'Hello');
expect(storyStore.stories[0].fn()).toBe('aa-bb-Hello');
localApi.add('storyName', () => ({ template: '<p>hello</p>' }));
expect(storyStore.stories[0].fn().template).toBe('<div>aa<div>bb<p>hello</p></div></div>');
});
it('should pass the context', () => {
const storyStore = new StoryStore();
const api = new ClientAPI({ storyStore });
const localApi = api.storiesOf('none');
localApi.addDecorator(fn => `aa-${fn()}`);
localApi.addDecorator(fn => ({ template: `<div>aa${fn().template}</div>` }));
localApi.add('storyName', ({ kind, story }) => `${kind}-${story}`);
localApi.add('storyName', ({ kind, story }) => ({ template: `<p>${kind}-${story}</p>` }));
const kind = 'dfdfd';
const story = 'ef349ff';
const result = storyStore.stories[0].fn({ kind, story });
expect(result).toBe(`aa-${kind}-${story}`);
expect(result.template).toBe(`<div>aa<p>${kind}-${story}</p>/div>`);
});
it('should have access to the context', () => {
const storyStore = new StoryStore();
const api = new ClientAPI({ storyStore });
const localApi = api.storiesOf('none');
localApi.addDecorator((fn, { kind, story }) => `${kind}-${story}-${fn()}`);
localApi.addDecorator((fn, { kind, story }) => ({ template: `<div>${kind}-${story}-${fn().template}</div>` }));
localApi.add('storyName', () => 'Hello');
localApi.add('storyName', () => ({ template: '<p>hello</p>' }));
const kind = 'dfdfd';
const story = 'ef349ff';
const result = storyStore.stories[0].fn({ kind, story });
expect(result).toBe(`${kind}-${story}-Hello`);
expect(result.template).toBe(`<div>${kind}-${story}-<p>hello</p></div>`);
});
});