feat(generators): core-ui-component template files (component + stories + test + barrel)
This commit is contained in:
@@ -0,0 +1,23 @@
|
||||
import { describe, it, expect } from "vitest";
|
||||
import { createRef } from "react";
|
||||
import { renderWithProviders } from "@repo/core-testing/react";
|
||||
import { screen } from "@testing-library/react";
|
||||
import { {{pascalCase name}} } from "./{{kebabCase name}}";
|
||||
|
||||
describe("{{pascalCase name}}", () => {
|
||||
it("renders without crashing", () => {
|
||||
renderWithProviders(<{{pascalCase name}} data-testid="root" />);
|
||||
expect(screen.getByTestId("root")).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it("applies a passed className alongside its own", () => {
|
||||
renderWithProviders(<{{pascalCase name}} data-testid="root" className="custom" />);
|
||||
expect(screen.getByTestId("root")).toHaveClass("custom");
|
||||
});
|
||||
|
||||
it("forwards ref to the underlying element", () => {
|
||||
const ref = createRef<HTMLDivElement>();
|
||||
renderWithProviders(<{{pascalCase name}} ref={ref} />);
|
||||
expect(ref.current).toBeInstanceOf(HTMLDivElement);
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user