@aptpod/data-viz-create-visual-parts-react/template/visual-parts-react/src/entrypoint/samples/sensor-value/utils.test.ts

template of npm project with typescript

import { shouldDisplayedSmall, toDisplayedText } from './utils'

/**
 * shouldDisplayedSmall のテスト
 */
describe('shouldDisplayedSmall', () => {
  type TestData = {
    args: {
      colSpan: number
      rowSpan: number
    }
    exp: boolean
  }

  const testDatas: TestData[] = [
    {
      args: { colSpan: 0, rowSpan: 0 },
      exp: true,
    },
    {
      args: { colSpan: 1, rowSpan: 0 },
      exp: true,
    },
    {
      args: { colSpan: 0, rowSpan: 1 },
      exp: true,
    },
    {
      args: { colSpan: 2, rowSpan: 1 },
      exp: true,
    },
    {
      args: { colSpan: 1, rowSpan: 2 },
      exp: true,
    },
    {
      args: { colSpan: 2, rowSpan: 2 },
      exp: false,
    },
  ]

  testDatas.forEach(({ args: { colSpan, rowSpan }, exp }) => {
    test(`returns ${exp} when colSpan=${colSpan}, rowSpan=${rowSpan}`, () => {
      expect(shouldDisplayedSmall(colSpan, rowSpan)).toBe(exp)
    })
  })
})

/**
 * toDisplayedText のテスト
 */
describe('toDislayedText', () => {
  type TestData = {
    args: {
      value: number
      factor: number
      decimalDigits: number
    }
    exp: string
  }

  const testDatas: TestData[] = [
    {
      args: { value: 0, factor: 0, decimalDigits: 0 },
      exp: '0',
    },
    {
      args: { value: 1.2346, factor: 1, decimalDigits: 0 },
      exp: '1',
    },
    {
      args: { value: 1.2346, factor: 1, decimalDigits: 3 },
      exp: '1.235',
    },
    {
      args: { value: 1.2346, factor: 100, decimalDigits: 1 },
      exp: '123.5',
    },
  ]

  testDatas.forEach(({ args: { value, factor, decimalDigits }, exp }) => {
    test(`returns ${exp} when value=${value}, factor=${factor}, decimalDigits=${decimalDigits}`, () => {
      expect(toDisplayedText(value, factor, decimalDigits)).toBe(exp)
    })
  })
})