feat: simple button with tests

NebraskaCoder · web-flow · commit 19559387fa1f · 2022-06-06T00:26:00.000Z
diff --git a/components/README.md b/components/README.md
@@ -0,0 +1,3 @@
+# NebraskaCoder Components
+
+These are the components used throughout the web app.
diff --git a/components/controls/Button.tsx b/components/controls/Button.tsx
@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+
+interface ButtonProps {
+  children: ReactNode;
+}
+
+const Button = ({ children }: ButtonProps) => {
+  return <button>{children}</button>;
+};
+
+export default Button;
diff --git a/components/controls/README.md b/components/controls/README.md
@@ -0,0 +1,3 @@
+# NebraskaCoder Controls
+
+Basic controls with standardized styles and formatting.
diff --git a/components/controls/__tests__/Button.test.tsx b/components/controls/__tests__/Button.test.tsx
@@ -0,0 +1,12 @@
+import Button from "@components/controls/Button";
+import { render } from "@testing-library/react";
+
+describe("Button Component", () => {
+  test("renders", () => {
+    const { getByRole } = render(<Button>Test Button</Button>);
+
+    const targetButton = getByRole("button", { name: "Test Button" });
+
+    expect(targetButton).toBeInTheDocument();
+  });
+});

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+# NebraskaCoder Components`
	`2`	`+`
	`3`	`+These are the components used throughout the web app.`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+# NebraskaCoder Controls`
	`2`	`+`
	`3`	`+Basic controls with standardized styles and formatting.`