GitHub - mebuki-inc/example-firebase-nextjs-fe: Next.js project with Firebase

概要

Firebase x Next.js App

mswでのstoryshotsを行うため少々ハック気味の実装を行っています。

各handlers.ts にて下記方法でloading状態を実現
通常何かしらの値を返すべきところ、何も返さないことでloadingの挙動を偽装しています
storybook.test.ts にて再描画を待ってからsnapshotを行う
DOMはloadingの後にsuccess/errorをrenderするので、2回目のrenderが終わってからsnapshotを行っています

Name		Name	Last commit message	Last commit date
Latest commit History 123 Commits
.github/workflows		.github/workflows
.husky		.husky
.storybook		.storybook
config		config
pages		pages
public		public
src		src
.babelrc		.babelrc
.eslintrc.json		.eslintrc.json
.firebaserc		.firebaserc
.gitignore		.gitignore
.node-version		.node-version
.prettierrc		.prettierrc
LICENSE		LICENSE
README.md		README.md
firebase.json		firebase.json
jest.config.js		jest.config.js
jest.storyshots.config.js		jest.storyshots.config.js
next-env.d.ts		next-env.d.ts
next.config.js		next.config.js
package.json		package.json
tsconfig.json		tsconfig.json
yarn.lock		yarn.lock