good3.js

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

const defaultProps = {
  size: "large",
  color: "salmon",
  butiful: true,
};

describe("MyComponent", () => {
  it("should render a butiful component", () => {
    render(<MyComponent {...defaultProps} />);
    expect(screen.getByText(/I am butiful/i)).toBeInTheDocument();
  });

  it("should render an ugly component", () => {
    render(
      <MyComponent {...defaultProps} butiful={false} />
    );
    expect(screen.queryByText(/I am butiful/i)).not.toBeInTheDocument();
  });
});