140 lines
4.2 KiB
TypeScript
140 lines
4.2 KiB
TypeScript
import { render, screen, fireEvent, waitFor } from "@testing-library/react"
|
|
import userEvent from "@testing-library/user-event"
|
|
import { useState } from "react"
|
|
import { test, expect, vi } from "vitest"
|
|
import { RecordEditor } from "./RecordEditor"
|
|
import type { RecordDTO } from "@/api/types"
|
|
|
|
function Harness({
|
|
initial,
|
|
onChange,
|
|
}: {
|
|
initial: RecordDTO[]
|
|
onChange: (records: RecordDTO[]) => void
|
|
}) {
|
|
const [value, setValue] = useState<RecordDTO[]>(initial)
|
|
return (
|
|
<RecordEditor
|
|
value={value}
|
|
onChange={(next) => {
|
|
setValue(next)
|
|
onChange(next)
|
|
}}
|
|
/>
|
|
)
|
|
}
|
|
|
|
test("добавление записи вызывает onChange с новой пустой записью типа A", async () => {
|
|
const onChange = vi.fn()
|
|
const user = userEvent.setup()
|
|
render(<Harness initial={[]} onChange={onChange} />)
|
|
|
|
await user.click(screen.getByRole("button", { name: /добавить запись/i }))
|
|
|
|
expect(onChange).toHaveBeenCalledWith([{ type: "A", name: "", ttl: 3600, values: [""] }])
|
|
})
|
|
|
|
test("изменение полей записи вызывает onChange с корректным массивом", async () => {
|
|
const onChange = vi.fn()
|
|
render(
|
|
<Harness
|
|
initial={[{ type: "A", name: "", ttl: 3600, values: [""] }]}
|
|
onChange={onChange}
|
|
/>,
|
|
)
|
|
|
|
fireEvent.change(screen.getByLabelText(/имя записи 1/i), { target: { value: "www" } })
|
|
fireEvent.change(screen.getByLabelText(/ttl записи 1/i), { target: { value: "300" } })
|
|
fireEvent.change(screen.getByLabelText(/значения записи 1/i), {
|
|
target: { value: "192.0.2.1" },
|
|
})
|
|
|
|
await waitFor(() =>
|
|
expect(onChange).toHaveBeenLastCalledWith([
|
|
{ type: "A", name: "www", ttl: 300, values: ["192.0.2.1"] },
|
|
]),
|
|
)
|
|
})
|
|
|
|
test("несколько значений в textarea дают несколько элементов values", async () => {
|
|
const onChange = vi.fn()
|
|
render(
|
|
<Harness
|
|
initial={[{ type: "NS", name: "@", ttl: 3600, values: [""] }]}
|
|
onChange={onChange}
|
|
/>,
|
|
)
|
|
|
|
fireEvent.change(screen.getByLabelText(/значения записи 1/i), {
|
|
target: { value: "ns1.example.com.\nns2.example.com." },
|
|
})
|
|
|
|
await waitFor(() =>
|
|
expect(onChange).toHaveBeenLastCalledWith([
|
|
{
|
|
type: "NS",
|
|
name: "@",
|
|
ttl: 3600,
|
|
values: ["ns1.example.com.", "ns2.example.com."],
|
|
},
|
|
]),
|
|
)
|
|
})
|
|
|
|
test("выбор типа SRV и составное значение prio weight port target", async () => {
|
|
const onChange = vi.fn()
|
|
const user = userEvent.setup()
|
|
render(
|
|
<Harness
|
|
initial={[{ type: "A", name: "_sip._tcp", ttl: 3600, values: [""] }]}
|
|
onChange={onChange}
|
|
/>,
|
|
)
|
|
|
|
await user.click(screen.getByRole("combobox", { name: /тип записи 1/i }))
|
|
await user.click(await screen.findByRole("option", { name: /^srv$/i }))
|
|
|
|
fireEvent.change(screen.getByLabelText(/значения записи 1/i), {
|
|
target: { value: "10 5 5060 sipserver.example.com." },
|
|
})
|
|
|
|
await waitFor(() =>
|
|
expect(onChange).toHaveBeenLastCalledWith([
|
|
{
|
|
type: "SRV",
|
|
name: "_sip._tcp",
|
|
ttl: 3600,
|
|
values: ["10 5 5060 sipserver.example.com."],
|
|
},
|
|
]),
|
|
)
|
|
})
|
|
|
|
test("удаление записи вызывает onChange без удалённой записи", async () => {
|
|
const onChange = vi.fn()
|
|
const user = userEvent.setup()
|
|
const initial: RecordDTO[] = [
|
|
{ type: "A", name: "a", ttl: 3600, values: ["1.1.1.1"] },
|
|
{ type: "A", name: "b", ttl: 3600, values: ["2.2.2.2"] },
|
|
]
|
|
render(<Harness initial={initial} onChange={onChange} />)
|
|
|
|
await user.click(screen.getByRole("button", { name: /удалить запись 1/i }))
|
|
|
|
expect(onChange).toHaveBeenLastCalledWith([
|
|
{ type: "A", name: "b", ttl: 3600, values: ["2.2.2.2"] },
|
|
])
|
|
})
|
|
|
|
test("mono-шрифт применён к полям name и values", () => {
|
|
render(
|
|
<Harness
|
|
initial={[{ type: "A", name: "www", ttl: 3600, values: ["1.2.3.4"] }]}
|
|
onChange={vi.fn()}
|
|
/>,
|
|
)
|
|
|
|
expect(screen.getByLabelText(/имя записи 1/i)).toHaveClass("font-dns")
|
|
expect(screen.getByLabelText(/значения записи 1/i)).toHaveClass("font-dns")
|
|
})
|