svelte-phaser/src/IsoBox.spec.ts

Create Phaser 3 games with Svelte 3

import { render } from '@testing-library/svelte'
import { tick, getContext } from 'svelte'
import IsoBox from './IsoBox.svelte'
import { createGame, asMock } from './test-utils'

jest.mock('svelte', () => ({
  ...jest.requireActual('svelte'),
  getContext: jest.fn(),
}))

let scene
let game

beforeAll(async () => {
  const setup = await createGame()

  game = setup.game
  scene = setup.scene
  asMock(getContext).mockImplementation((name) => {
    switch (name) {
      case 'phaser/scene':
        return scene
      case 'phaser/game':
        return game
    }
  })
})

test('fill props', () => {
  const {
    component: { instance },
  } = render(IsoBox, {
    fillTop: 1,
    fillLeft: 2,
    fillRight: 3,
  })

  expect(instance.fillTop).toEqual(1)
  expect(instance.fillLeft).toEqual(2)
  expect(instance.fillRight).toEqual(3)
})

test('show props', async () => {
  const {
    component: { instance, $$set },
  } = render(IsoBox, {
    showTop: false,
    showLeft: false,
    showRight: false,
  })

  expect(instance.showTop).toEqual(false)
  expect(instance.showLeft).toEqual(false)
  expect(instance.showRight).toEqual(false)

  $$set({ showTop: true, showLeft: true, showRight: true })
  await tick()

  expect(instance.showTop).toEqual(true)
  expect(instance.showLeft).toEqual(true)
  expect(instance.showRight).toEqual(true)
})

test('projection prop', () => {
  const {
    component: { instance },
  } = render(IsoBox, {
    projection: 10,
  })

  expect(instance.projection).toEqual(10)
})