Updated Button

fwestling · Jul 21, 2020 · fdff799 · fdff799
1 parent 56b6af9
commit fdff799
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/Button.js b/src/components/Button.js
@@ -8,8 +8,8 @@ const Wrapper = styled.button`
   ${shape}
 `;
 
-const Button = ({ text, onClick }) => {
-  return <Wrapper onClick={onClick}>{text}</Wrapper>;
+const Button = ({ children, onClick }) => {
+  return <Wrapper onClick={onClick}>{children}</Wrapper>;
 };
 
 export default Button;
diff --git a/test/Button.test.js b/test/Button.test.js
@@ -4,7 +4,7 @@ import Button from "components/Button";
 
 describe("Button", () => {
   test("should display text", () => {
-    const { container } = render(<Button text="We Salute You!" />);
+    const { container } = render(<Button>We Salute You!</Button>);
 
     getByText(container, "We Salute You!");
   });
@@ -14,7 +14,7 @@ describe("Button", () => {
   test("should handle click events", () => {
     const onClickMock = jest.fn();
     const { container } = render(
-      <Button text="Click me, maybe?" onClick={onClickMock} />
+      <Button onClick={onClickMock}>Click me, maybe?</Button>
     );
     const component = container.firstChild;
 
@@ -25,7 +25,7 @@ describe("Button", () => {
 });
 
 test("should make text uppercase", () => {
-  const { container } = render(<Button text="We Salute You!" />);
+  const { container } = render(<Button>We Salute You!</Button>);
   const component = getByText(container, "We Salute You!");
 
   expect(component).toHaveStyleRule("text-transform", "uppercase");