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

Merge pull request #17669 from storybookjs/17611-docs-order-should-mirror-index

Browse Source 
Addon-docs: DocsPage story order should match the index
This commit is contained in:
Michael Shilman 2022-03-09 15:26:07 +08:00 committed by GitHub
commit 2675de9f88
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 22 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
lib/store/src/StoryStore.test.ts
View File

@ -359,6 +359,25 @@ describe('StoryStore', () => {
expect(stories).toHaveLength(2);
expect(stories.map((s) => s.id)).toEqual(['component-one--a', 'component-one--b']);
});
it('returns them in the order they are in the index, not the file', async () => {
const store = new StoryStore();
store.setProjectAnnotations(projectAnnotations);
const reversedIndex = {
v: 3,
stories: {
'component-one--b': storyIndex.stories['component-one--b'],
'component-one--a': storyIndex.stories['component-one--a'],
},
};
store.initialize({ storyIndex: reversedIndex, importFn, cache: false });
const csfFile = await store.loadCSFFileByStoryId('component-one--a');
const stories = store.componentStoriesFromCSFFile({ csfFile });
expect(stories).toHaveLength(2);
expect(stories.map((s) => s.id)).toEqual(['component-one--b', 'component-one--a']);
});
});
describe('getStoryContext', () => {

6
lib/store/src/StoryStore.ts
View File

@ -190,9 +190,9 @@ export class StoryStore<TFramework extends AnyFramework> {
// If we have a CSF file we can get all the stories from it synchronously
componentStoriesFromCSFFile({ csfFile }: { csfFile: CSFFile<TFramework> }): Story<TFramework>[] {
return Object.keys(csfFile.stories).map((storyId: StoryId) =>
this.storyFromCSFFile({ storyId, csfFile })
);
return Object.keys(this.storyIndex.stories)
.filter((storyId: StoryId) => !!csfFile.stories[storyId])
.map((storyId: StoryId) => this.storyFromCSFFile({ storyId, csfFile }));
}
// A prepared story does not include args, globals or hooks. These are stored in the story store