ЯсноПонятно24

import { fireEvent, render } from "@testing-library/react"; import "@testing-library/jest-dom"; import { ProductList } from "./product-list"; import { generateProductText } from "../../utils/utils"; describe("ProductList component", () => { const products = [ { id: 1, name: "Product 1", count: 1 }, { id: 2, name: "Product 2", count: 2 }, { id: 3, name: "Product 3", count: 3 }, ]; it("should render correct number of products with correct text", () => { const { getAllByText } = render( <ProductList products={products} onDelete={() => {}} />); const productElements = getAllByText((content, element) => { return products.some((product) => generateProductText(product) === content); }); expect(productElements.length).toBe(products.length); productElements.forEach((element, index) => { expect(element).toHaveTextContent(generateProductText(products[index])); }); }); it("should change font size when slider value is changed", () => { const { getByLabelText, getAllByTestId } = render(<ProductList products={products} onDelete={() => {}} />); // const slider = getByTestId("font-size"); const slider = getByLabelText("Размер шрифта:").nextElementSibling as HTMLInputElement; fireEvent.change(slider, { target: { value: "17" } }); const productElements = getAllByTestId("product"); productElements.forEach((element) => { expect(element).toHaveStyle("font-size: 17px"); }); }); it("should delete last product on button click", () => { const onDelete = jest.fn(); const { getByText } = render( <ProductList products={products} onDelete={onDelete} />); const button = getByText("Удалить последний"); fireEvent.click(button); expect(onDelete).toHaveBeenCalledTimes(1); expect(onDelete).toHaveBeenCalledWith(products[products.length - 1]); }); }); где здесь атрибуты