Created
May 17, 2022 15:29
-
-
Save jth0024/c27e37029e527805a1781862c25db275 to your computer and use it in GitHub Desktop.
A Story using mock dependencies
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { characterData, delay } from '../fixtures'; | |
import { CharacterList } from './CharacterList'; | |
const mockCharactersApi = { | |
async listSuccess() { | |
return characterData | |
}, | |
async listError() { | |
throw new Error("Couldn't find a result") | |
}, | |
async listDelay() { | |
await delay(3000) | |
return characterData; | |
} | |
} | |
export const Basic = () => { | |
const deps = { | |
charactersApi: { | |
list: mockCharactersApi.listSuccess, | |
} | |
} | |
return ( | |
<CharacterList deps={deps} /> | |
) | |
} | |
export const WithDelay = () => { | |
const deps = { | |
charactersApi: { | |
list: mockCharactersApi.listDelay, | |
} | |
} | |
return ( | |
<CharacterList deps={deps} /> | |
) | |
} | |
export const WithError = () => { | |
const deps = { | |
charactersApi: { | |
list: mockCharactersApi.listError, | |
} | |
} | |
return ( | |
<CharacterList deps={deps} /> | |
) | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment