Team oppgave og litt unit-testing

2024-09-13 13:06:19 +02:00 · 2024-09-13 13:06:19 +02:00 · 29e6711d13
commit 29e6711d13
parent fe625a2b6d
12 changed files with 526 additions and 47 deletions
--- a/react_test/tutorial/app/layout.js
+++ b/react_test/tutorial/app/layout.js
@ -0,0 +1,12 @@
+export const metadata = {
+  title: 'Next.js',
+  description: 'Generated by Next.js',
+}
+
+export default function RootLayout({ children }) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  )
+}
--- a/react_test/tutorial/app/page.js
+++ b/react_test/tutorial/app/page.js
@ -0,0 +1,27 @@
+
+import { useState } from 'react';
+
+function Header({ title }) {
+  return <h1>{title ? title : 'Default Title'}</h1>;
+}
+export default function HomePage() {
+  const names = ['Ada Lovlace', 'Grace Hopper', 'Margaret Hamilton'];
+
+  const [likes, setLikes] = React.useState(0);
+
+  function handleClick() {
+    setLikes(likes + 1);
+  }
+  return (
+    <div>
+      <Header title="Develop. Preview. Ship." />
+      <ul>
+        {names.map((name) => (
+          <li key={name}>{name}</li>
+        ))}
+      </ul>
+      <button onClick={handleClick}>Likes ({likes})</button>
+    </div>
+  );
+}
+