t

Author: gregorriegler

webapp/src/MobProgrammingRPG.integration.spec.tsx

@@ -9,7 +9,7 @@ const randomPort = () => {
     return `${8000 + Math.floor(Math.random() * 100)}`;
 }
 
-describe('Mob Programming RPG', () => {
+xdescribe('Mob Programming RPG', () => {
 
     beforeAll(() => {
         global.IS_REACT_ACT_ENVIRONMENT = false;

webapp/src/RoleSheet.spec.tsx

@@ -1,30 +1,66 @@
-import { render, screen } from "@testing-library/react";
+import { render, screen, act } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
 import React from "react";
 import { Player } from "./model/Player";
 import { RoleSheet } from "./RoleSheet";
 import { Role, levels, roles } from "./model/Roles";
 
 
 describe('RoleSheet', () => {
-    it(`shows Typing skills when in Typing position`, () => {
+    it(`shows Typing todos when in Typing position`, () => {
         render(<RoleSheet role="Typing" position="Typing" player={new Player("Roger")} scorePoints={() => { }} />);
 
         roles["Typing"].todos.forEach(todo => expect(screen.getByText(todo)).toBeInTheDocument())
     });
 
-    it(`shows Talking skills when in Talking position`, () => {
+    it(`shows Talking todos when in Talking position`, () => {
         render(<RoleSheet role="Talking" position="Talking" player={new Player("Roger")} scorePoints={() => { }} />);
 
         roles["Talking"].todos.forEach(todo => expect(screen.getByText(todo)).toBeInTheDocument())
     });
 
-    it(`shows Observing skills when in Observing position`, () => {
+    it(`shows Observing todos when in Observing position`, () => {
         render(<RoleSheet role="Observing" position="Observing" player={new Player("Roger")} scorePoints={() => { }} />);
 
         roles["Observing"].todos.forEach(todo => expect(screen.getByText(todo)).toBeInTheDocument())
     });
+
+    it(`scores a single point using the checkboxes when submitting`, async () => {
+        const mockScorePoints = jest.fn();
+        render(<RoleSheet role="Typing" position="Typing" player={new Player("Roger")} scorePoints={mockScorePoints} />);
+        await checkTodo('Typing-0');
+
+        await clickEarnPoints();
+        
+        expect(mockScorePoints).toHaveBeenCalledWith("Typing", 1);
+    })
+
+    it(`scores two points using the checkboxes when submitting`, async () => {
+        const mockScorePoints = jest.fn();
+        render(<RoleSheet role="Typing" position="Typing" player={new Player("Roger")} scorePoints={mockScorePoints} />);
+        await checkTodo('Typing-0');
+        await checkTodo('Typing-1');
+
+        await clickEarnPoints();
+        
+        expect(mockScorePoints).toHaveBeenCalledWith("Typing", 2);
+    })
 })
 
+
+async function clickEarnPoints() {
+    const submitButton = screen.getByRole('button', { name: /Earn Points/ });
+    await act(async () => {
+        userEvent.click(submitButton);
+    });
+}
+
+async function checkTodo(todo) {
+    const firstCheckbox = document.getElementById(todo) as HTMLInputElement;
+    await act(async () => {
+        userEvent.click(firstCheckbox);
+    });
+}
 // TODO if canEarnPoints for role, show skills of role
 // cannot rotate until players have filled the form
 // TODO use it.each ??? but maybe its too clever?