import React from "react"
import { render, screen } from "@testing-library/react"
import { assert } from "chai"
import moment from "moment"
import DateTimePickerComponent from "../src/DateTimePickerComponent"

describe("DateTimePickerComponent", function () {
  it("updates the displayed value when the format prop changes", function () {
    const date = moment("2020-02-03", "YYYY-MM-DD")
    const { rerender } = render(
      <DateTimePickerComponent
        date={date}
        format="YYYY-MM-DD"
        onChange={() => {}}
      />
    )

    const input = screen.getByRole("textbox") as HTMLInputElement
    assert.equal(input.value, "2020-02-03")

    rerender(
      <DateTimePickerComponent
        date={date}
        format="YYYY"
        onChange={() => {}}
      />
    )

    assert.equal(input.value, "2020")
  })
})