ICTU/quality-time

import { render, screen } from "@testing-library/react"

import { DarkMode } from "../context/DarkMode"
import { DataModel } from "../context/DataModel"
import { TrendGraph } from "./TrendGraph"

const dataModel = {
    metrics: {
        stability: { name: "Stability", unit: "minutes", direction: ">", tags: [] },
        violations: { name: "Violations", unit: "violations", direction: "<", tags: [] },
    },
}

function renderTrendgraph({ measurements = [], darkMode = false } = {}) {
    return render(
        <DarkMode.Provider value={darkMode}>
            <DataModel.Provider value={dataModel}>
                <TrendGraph metric={{ type: "violations", scale: "count" }} measurements={measurements} />
            </DataModel.Provider>
        </DarkMode.Provider>,
    )
}

it("renders the time axis", () => {
    renderTrendgraph()
    expect(screen.getAllByText(/Time/).length).toBe(1)
})

it("renders the measurements", () => {
    renderTrendgraph({
        measurements: [{ count: { value: "1" }, start: "2019-09-29", end: "2019-09-30" }],
    })
    expect(screen.getAllByText(/Time/).length).toBe(1)
})

it("renders the measurements in dark mode", () => {
    renderTrendgraph({
        measurements: [{ count: { value: "1" }, start: "2019-09-29", end: "2019-09-30" }],
        darkMode: true,
    })
    expect(screen.getAllByText(/Time/).length).toBe(1)
})

it("renders measurements with targets", () => {
    renderTrendgraph({
        measurements: [
            {
                count: { value: "1", target: "10", near_target: "20" },
                start: "2019-09-29",
                end: "2019-09-30",
            },
        ],
    })
    expect(screen.getAllByText(/Time/).length).toBe(1)
})

it("renders the measurements with zero length", () => {
    renderTrendgraph({
        measurements: [{ count: { value: "1" }, start: "2019-09-29", end: "2019-09-29" }],
    })
    expect(screen.getAllByText(/Time/).length).toBe(1)
})

it("renders the measurements with missing values for the scale", () => {
    renderTrendgraph({
        measurements: [{ percentage: { value: "1" }, start: "2019-09-29", end: "2019-09-29" }],
    })
    expect(screen.getAllByText(/Time/).length).toBe(1)
})