Тестовая структура данных с Formik и реагировать на тестирование библиотеки

Question

Я новичок в библиотеке реагирования-тестирования и ищу способ сравнения объектов в библиотеке реагирования-тестирования и Formik. Я хотел бы:

• Отправить форму
• и проверить, совместима ли структура

it("will check the matchers and pass", () => {
  const object = {
    timeInTheWeek: [
      "10:00",
      "10:00",
      "10:00",
      "10:00",
      "10:00",
      "10:00",
      "10:00",
    ],
    selected: true
  }

  expect(object).toMatchSnapshot({
    selected: expect.any(Boolean),
    timeInTheWeek: expect.any(Array),
  })
})

Я сделал снимок этого объекта и как я должен сравнить эти два объекта после отправки формы (один из снимка и один из отправки данных формы)? Должен ли я сделать дополнительную текстовую область и сопоставить ее с .toHaveTextContent()? Я понятия не имею, как это должно быть обработано должным образом.

Заранее спасибо

Answer 1

Назовите свой тест и выполните тесты с точки зрения пользователя

it("should have selected something and display time slots in a week", () => {
  const object = {
    timeInTheWeek: [
      "10:00",
      "10:00",
      "10:00",
      "10:00",
      "10:00",
      "10:00",
      "10:00",
    ],
    selected: true
  }

  // Render your form
  const { getByText } = render(<Form />);
  // Wait for form to get updates
  await wait();

  // Check whether the checkbox is true
  expect(getByText("Text in your checkbox").checked).toEqual(object.selected);
  // Check the value of the first field. You can e.g. generate `datatest-id's` using field indicies and prefix them with e.g. "time-in-the-week-id-".
  expect(getByTestId("time-in-the-week-id-0")).toBe(object.timeInTheWeek[0]);
});