pie-chart-controls.ts

Filename	Percent	Threshold	Total	Covered	Uncovered
src/demos/pie/pie-chart-controls.ts	100.00%	95%	59	59	0

import { TechItem } from "./tech-data-model"
import { BUTTON_ID } from "./ui-constants"

const MAX_NEW_VAL_UPDATE = 45
const MIN_NEW_VAL_UPDATE = 20

const setupChartControls = ({
  getChartValues,
  onUpdateChart,
}: {
  getChartValues: () => TechItem[]
  onUpdateChart: (opts: { newValue: number; newValueIndex: number }) => void
}) => {
  const buttonElement = document.getElementById(BUTTON_ID) as HTMLElement

  buttonElement.addEventListener("click", () => {
    const techItemsValues = getChartValues().map((techItem) =>
      techItem.getValue()
    )
    const { length: techItemsCount } = techItemsValues
    const randomItemIndex = Math.floor(Math.random() * techItemsCount)

    const randomUpdate =
      Math.floor(Math.random() * (MAX_NEW_VAL_UPDATE - MIN_NEW_VAL_UPDATE)) +
      MIN_NEW_VAL_UPDATE
    const randomUpdateSign = Math.random() < 0.5 ? -1 : 1

    const newValue =
      techItemsValues[randomItemIndex] + randomUpdate * randomUpdateSign

    onUpdateChart({
      newValue: newValue >= 0 ? newValue : randomUpdate,
      newValueIndex: randomItemIndex,
    })
  })
}

export { setupChartControls }

[]

TypeScript Coverage Report generated by type-coverage and typescript-coverage-report at Wed, 01 Jun 2022 21:16:57 GMT

TypeScript coverage report