100% test coverage

Author: sametweb

src/App.js

@@ -22,6 +22,7 @@ const Step1 = (props) => {
 			<input
 				type="checkbox"
 				name="over18"
+				data-testid="checkbox"
 				checked={props.getState("over18")}
 				onChange={props.handleChange}
 			/>
@@ -140,6 +141,14 @@ const Step4 = (props) => {
 					Next
 				</button>
 			}
+			<div>
+				{props.allSteps().map(({ order, title }) => (
+					<p key={order}>
+						<span data-testid={`order ${order}`}>{order}</span>{" "}
+						<span data-testid={`title ${order}`}>{title}</span>
+					</p>
+				))}
+			</div>
 		</div>
 	);
 };

tests/StepBuilder.test.js

@@ -2,104 +2,104 @@ const { StepBuilder, StepNode } = require("../src/lib/StepBuilder");
 
 const test_steps = ["Step1", "Step2", "Step3"];
 describe("StepBuilder", () => {
-  describe("constructor()", () => {
-    const steps = StepBuilder();
-    it("creates the object with start=1, current=1, size=null properties", () => {
-      expect(steps.start).toBe(1);
-      expect(steps.current).toBe(1);
-      expect(steps.size).toBe(null);
-    });
-  });
+	describe("constructor()", () => {
+		const steps = StepBuilder();
+		it("creates the object with start=1, current=1, size=null properties", () => {
+			expect(steps.start).toBe(1);
+			expect(steps.current).toBe(1);
+			expect(steps.size).toBe(null);
+		});
+	});
 
-  describe(".build()", () => {
-    const steps = StepBuilder();
-    const built = steps.build(test_steps);
+	describe(".build()", () => {
+		const steps = StepBuilder();
+		const built = steps.build(test_steps);
 
-    it("sets steps.size to the step count", () => {
-      expect(steps.size).toBe(test_steps.length);
-    });
+		it("sets steps.size to the step count", () => {
+			expect(steps.size).toBe(test_steps.length);
+		});
 
-    it("returns an array of StepNode objects", () => {
-      expect(Array.isArray(built)).toBe(true);
-    });
+		it("returns an array of StepNode objects", () => {
+			expect(Array.isArray(built)).toBe(true);
+		});
 
-    it("StepNodes have order, nextStep, prevStep properties", () => {
-      built.forEach((node) => {
-        expect(node.order).toEqual(expect.any(Number));
-        expect(node).toHaveProperty("order");
-        expect(node).toHaveProperty("nextStep");
-        expect(node).toHaveProperty("prevStep");
-      });
-    });
+		it("StepNodes have order, nextStep, prevStep properties", () => {
+			built.forEach((node) => {
+				expect(node.order).toEqual(expect.any(Number));
+				expect(node).toHaveProperty("order");
+				expect(node).toHaveProperty("nextStep");
+				expect(node).toHaveProperty("prevStep");
+			});
+		});
 
-    it("StepNodes methods isFirst, isLast, hasPrev, hasNext", () => {
-      built.forEach((node, i) => {
-        let order = i + 1;
-        if (order === 1) {
-          expect(node.isFirst()).toBe(true);
-          expect(node.isLast()).toBe(false);
-          expect(node.hasPrev()).toBe(false);
-          expect(node.hasNext()).toBe(true);
-        } else if (order === 3) {
-          expect(node.isFirst()).toBe(false);
-          expect(node.isLast()).toBe(true);
-          expect(node.hasPrev()).toBe(true);
-          expect(node.hasNext()).toBe(false);
-        } else {
-          expect(node.isFirst()).toBe(false);
-          expect(node.isLast()).toBe(false);
-          expect(node.hasPrev()).toBe(true);
-          expect(node.hasNext()).toBe(true);
-        }
-      });
-    });
-  });
+		it("StepNodes methods isFirst, isLast, hasPrev, hasNext", () => {
+			built.forEach((node, i) => {
+				let order = i + 1;
+				if (order === 1) {
+					expect(node.isFirst()).toBe(true);
+					expect(node.isLast()).toBe(false);
+					expect(node.hasPrev()).toBe(false);
+					expect(node.hasNext()).toBe(true);
+				} else if (order === 3) {
+					expect(node.isFirst()).toBe(false);
+					expect(node.isLast()).toBe(true);
+					expect(node.hasPrev()).toBe(true);
+					expect(node.hasNext()).toBe(false);
+				} else {
+					expect(node.isFirst()).toBe(false);
+					expect(node.isLast()).toBe(false);
+					expect(node.hasPrev()).toBe(true);
+					expect(node.hasNext()).toBe(true);
+				}
+			});
+		});
+	});
 
-  describe(".next()", () => {
-    const steps = StepBuilder();
-    steps.build(test_steps);
-    it("sets this.current to +1", () => {
-      expect(steps.current).toBe(1);
-      steps.next();
-      expect(steps.current).toBe(2);
-    });
-    it("this.current remains same if it's last step", () => {
-      steps.next();
-      expect(steps.current).toBe(3);
-      steps.next();
-      expect(steps.current).toBe(3);
-    });
-  });
+	describe(".next()", () => {
+		const steps = StepBuilder();
+		steps.build(test_steps);
+		it("sets this.current to +1", () => {
+			expect(steps.current).toBe(1);
+			steps.next();
+			expect(steps.current).toBe(2);
+		});
+		it("this.current remains same if it's last step", () => {
+			steps.next();
+			expect(steps.current).toBe(3);
+			steps.next();
+			expect(steps.current).toBe(3);
+		});
+	});
 
-  describe(".prev()", () => {
-    const steps = StepBuilder();
-    steps.build(test_steps);
-    it("sets this.current to -1", () => {
-      steps.next(); // 2
-      steps.next(); // 3
-      steps.prev(); // 2
-      expect(steps.current).toBe(2);
-    });
-    it("this.current remains same if it's first step", () => {
-      steps.prev(); // 1
-      expect(steps.current).toBe(1);
-      steps.prev(); // 1
-      expect(steps.current).toBe(1);
-    });
-  });
+	describe(".prev()", () => {
+		const steps = StepBuilder();
+		steps.build(test_steps);
+		it("sets this.current to -1", () => {
+			steps.next(); // 2
+			steps.next(); // 3
+			steps.prev(); // 2
+			expect(steps.current).toBe(2);
+		});
+		it("this.current remains same if it's first step", () => {
+			steps.prev(); // 1
+			expect(steps.current).toBe(1);
+			steps.prev(); // 1
+			expect(steps.current).toBe(1);
+		});
+	});
 
-  describe(".jump(step_id)", () => {
-    const steps = StepBuilder();
-    steps.build(test_steps);
-    it("sets this.current to step_id", () => {
-      steps.jump(3);
-      expect(steps.current).toBe(3);
-      steps.jump(2);
-      expect(steps.current).toBe(2);
-    });
-    it("this.current remains same if step_id doesn't exist", () => {
-      steps.jump(5); // still 2 from previous jump
-      expect(steps.current).toBe(2);
-    });
-  });
+	describe(".jump(step_id)", () => {
+		const steps = StepBuilder();
+		steps.build(test_steps);
+		it("sets this.current to step_id", () => {
+			steps.jump(3);
+			expect(steps.current).toBe(3);
+			steps.jump(2);
+			expect(steps.current).toBe(2);
+		});
+		it("this.current remains same if step_id doesn't exist", () => {
+			steps.jump(5); // still 2 from previous jump
+			expect(steps.current).toBe(2);
+		});
+	});
 });