【プログラミング】msw-storybook

(worker.start(options))

worker.start(options)

(api = worker)

api = worker

(} else {)

} else {

(/**)

/**

(* Webpack 5 does not provide node polyfills as it did before.)

* Webpack 5 does not provide node polyfills as it did before.

(* Also, it can't tell whether a code will be executed at runtime, so it has to process everything.)

* Also, it can't tell whether a code will be executed at runtime, so it has to process everything.

(* This branch of the conditional statement will NEVER run in the browser, but Webpack can't know so)

* This branch of the conditional statement will NEVER run in the browser, but Webpack can't know so

(* it breaks builds unless we start providing node polyfills.)

* it breaks builds unless we start providing node polyfills.

(*)

*

(* As a workaround, we use __non_webpack_require__ to tell Webpack to ignore this, and we define it)

* As a workaround, we use __non_webpack_require__ to tell Webpack to ignore this, and we define it

(* to globalThis so it works correctly when running in node.)

* to globalThis so it works correctly when running in node.

(* @see https://github.com/webpack/webpack/issues/8826#issuecomment-660594260)

* @see https://github.com/webpack/webpack/issues/8826#issuecomment-660594260

(*/)

*/

(const nodeVer = typeof process !== "undefined" && process.versions?.node;)

const nodeVer = typeof process !== "undefined" && process.versions?.node;

(const nodeRequire = nodeVer)

const nodeRequire = nodeVer

(? typeof __webpack_require__ === "function")

? typeof __webpack_require__ === "function"

(? __non_webpack_require__)

? __non_webpack_require__

(: require)

: require

(: undefined;)

: undefined;

(const { setupServer } = nodeRequire('msw/node'))

const { setupServer } = nodeRequire('msw/node')

(const server = setupServer())

const server = setupServer()

(server.listen(options))

server.listen(options)

(api = server)

api = server

(return api)

return api

(export function initializeWorker(options?: InitializeOptions): SetupApi {)

export function initializeWorker(options?: InitializeOptions): SetupApi {

(console.warn()

console.warn(

(`[MSW] "initializeWorker" is now deprecated, please use "initialize" instead.)

`[MSW] "initializeWorker" is now deprecated, please use "initialize" instead.

())

)

(return initialize(options))

return initialize(options)

(export function getWorker(): SetupApi {)

export function getWorker(): SetupApi {

(if (api === undefined) {)

if (api === undefined) {

(throw new Error()

throw new Error(

(`[MSW] Failed to retrieve the worker: no active worker found. Did you forget to call "initialize"?`)

`[MSW] Failed to retrieve the worker: no active worker found. Did you forget to call "initialize"?`

())

)

(return api)

return api

(export const mswDecorator: DecoratorFunction = ()

export const mswDecorator: DecoratorFunction = (

(storyFn,)

storyFn,

(context: DecoratorContext)

context: DecoratorContext

() => {)

) => {

(const {)

const {

(parameters: { msw }, = context)

parameters: { msw }, = context

(if (api) {)

if (api) {

(api.resetHandlers())

api.resetHandlers()

(if (msw) {)

if (msw) {

(if (Array.isArray(msw) && msw.length > 0) {)

if (Array.isArray(msw) && msw.length > 0) {

(// Support an Array of request handlers (backwards compatability).)

// Support an Array of request handlers (backwards compatability).

(api.use(...msw) else if ('handlers' in msw && msw.handlers) {)

api.use(...msw) else if ('handlers' in msw && msw.handlers) {

(// Support an Array named request handlers handlers)

// Support an Array named request handlers handlers

(// or an Object of named request handlers with named arrays of handlers)

// or an Object of named request handlers with named arrays of handlers

(const handlers = Object.values(msw.handlers))

const handlers = Object.values(msw.handlers)

(.filter(Boolean))

.filter(Boolean)

(.reduce()

.reduce(

((handlers, handlersList) => handlers.concat(handlersList),)

(handlers, handlersList) => handlers.concat(handlersList),

([] as RequestHandler[])

[] as RequestHandler[]

())

)

(if (handlers.length > 0) {)

if (handlers.length > 0) {

(api.use(...handlers))

api.use(...handlers)

(return storyFn())

return storyFn()