2021-08-25 TIL

こしょう

Feelings(感覚・主観)

Findings(ラーニングポイント)

テストの作成(jest)

  test('socket connect test', (done) => {
      socket.on('connect', () => {
        done();
      });
  });

describe('socket.io test', () => {
    beforeAll(() => {
      ...
    });

    afterAll(() => {
     ...
    });

    test('socket connect test', (done) => {
      ...
    });

    test('[EMIT] \'enter_room\' event test', (done) => {
      ...
    });
  });

詳細はjest

toBeInTheDocument

<span data-testid="html-element"><span>Html Element</span></span>
<svg data-testid="svg-element"></svg>

expect(
  getByTestId(document.documentElement, 'html-element'),
).toBeInTheDocument()
expect(getByTestId(document.documentElement, 'svg-element')).toBeInTheDocument()
expect(
  queryByTestId(document.documentElement, 'does-not-exist'),
).not.toBeInTheDocument()

toHaveAttribute

<button data-testid="ok-button" type="submit" disabled>ok</button>

const button = getByTestId('ok-button')

expect(button).toHaveAttribute('disabled')
expect(button).toHaveAttribute('type', 'submit')
expect(button).not.toHaveAttribute('type', 'button')

expect(button).toHaveAttribute('type', expect.stringContaining('sub'))
expect(button).toHaveAttribute('type', expect.not.stringContaining('but'))

確認(自己宣言)