Fixing tests and replacing default props

Author: pfwd

src/HeaderMenu.js

@@ -1,30 +1,29 @@
 import React from 'react';
 
-function HeaderMenu(props) {
+const defaultMenu = {
+    items: [
+        {
+            name: "Menu Item 1",
+            url: "/menu-item-1"
+        },
+        {
+            name: "Menu Item 2",
+            url: "/menu-item-2"
+        }
+    ]
+}
+
+
+function HeaderMenu({menu = defaultMenu}) {
     return (
         <nav>
             <ul>
-                {props.menu.items.map((item, key) =>
+                { menu.items.map((item, key) =>
                     <li key={`li-` + key}><a key={key} href={item.url}>{item.name}</a></li>
                 )}
             </ul>
         </nav>
     )
 }
 
-HeaderMenu.defaultProps = {
-    menu: {
-        items: [
-            {
-                name: "Menu Item 1",
-                url: "/menu-item-1"
-            },
-            {
-                name: "Menu Item 2",
-                url: "/menu-item-2"
-            }
-        ]
-    }
-}
-
 export default HeaderMenu;

src/HeaderMenu.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import {render, screen} from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
 import HeaderMenu from "./HeaderMenu";