## 問題

Jestで`console`を出力させたい。

### Jest Runnerで実行している

[Jest Runner - Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=firsttris.vscode-jest-runner)入れる。

```settings.json
"jestrunner.jestCommand": "yarn test"
```

## 調査

[jestjs - Console.log statements output nothing at all in Jest - Stack Overflow](https://stackoverflow.com/questions/48695717/console-log-statements-output-nothing-at-all-in-jest)

`console.log`が表示されないのは、モックされているからみたい。

> One of the potential reason that logging is not printing is due to console.log has been mocked. Something as below

``` js
// jest-setup.js
global.console = {
  // eslint-disable-next-line no-undef
  log: jest.fn(), // console.log are ignored in tests
  // log: console.log,

  // Keep native behaviour for other methods, use those to print out things in your own tests, not `console.log`
  error: console.error,
  warn: console.warn,
  info: console.info,
  debug: console.debug,
};
```

## 解決策

`console.info`などのjestでモックされていない関数を使う。

Jest実行時にconsole仕込んで、変数の中身を確認したい

<h2>問題</h2>
<p>Jestで<code>console</code>を出力させたい。</p>
<h3>Jest Runnerで実行している</h3>
<p><a href="https://marketplace.visuals...

proxyしているエンドポイントのproxy先も含めてテストに組み込みたいときに少し悩んだのでメモ。

[mswjs/msw: Seamless REST/GraphQL API mocking library for browser and Node.js.](https://github.com/mswjs/msw)という、モックサーバーを簡単にコードレベルで書けるライブラリがあったので、これを使った。

`{ onUnhandledRequest: 'bypass' }`の箇所は、`console.warn`が発生するので、オプションを設定した。これはおそらく、mswがlistenからcloseまで全てのリクエストをインターセプトしているので、nest.jsへのリクエストも含めて、検知しているからだと思う。ここは、モックしなくて良いので、`bypass`を設定して、そのまま実行してもらう。

```ts
import { rest } from 'msw'
import { setupServer } from 'msw/node'

const mockEndpoint = 'http://localhost:3100'　// 被らないように
const mockServer = setupServer(
  rest.get(`${mockEndpoint}/example`, (req, res, ctx) => {
    return res(ctx.status(200), ctx.json({ message: 'ok' }))
  })
)
beforeAll(async () => {
  // 👇 https://mswjs.io/docs/api/setup-server/listen#onunhandledrequest
  mockServer.listen({ onUnhandledRequest: 'bypass' })
})
afterAll(async () => {
  mockServer.close()
})

describe('routes api/proxy', () => {
  it('response.status = 200 を返すこと', async () => {
    const response = await app.request
      .get('/api/proxy/example') // 👈 appは、省略しているが、nest.js
    expect(response.status).toBe(200)
    expect(response.body).toEqual({ message: 'ok' })
  })
})
```

[listen() - Api - Mock Service Worker Docs](https://mswjs.io/docs/api/setup-server/listen#onunhandledrequest)

Jest実行時にconsole仕込んで、変数の中身を確認したい

問題

Jest Runnerで実行している

調査

解決策

Related

Tags

Share

Table of Contents