Fixed tests

Author: aeagle

src/components/__tests__/Bottom.tsx

@@ -95,7 +95,7 @@ test("Bottom stacked has correct styles", async () => {
 	expect(style1.left).toBe("0px");
 	expect(style1.top).toBe("");
 	expect(style1.right).toBe("0px");
-	expect(style1.bottom).toBe("calc(10px + 0px)");
+	expect(style1.bottom).toBe("calc(0px + 10px)");
 	expect(style1.width).toBe("");
 	expect(style1.height).toBe("10px");
 });
@@ -123,7 +123,7 @@ test("Bottom stacked reversed has correct styles", async () => {
 	expect(style1.left).toBe("0px");
 	expect(style1.top).toBe("");
 	expect(style1.right).toBe("0px");
-	expect(style1.bottom).toBe("calc(10px + 0px)");
+	expect(style1.bottom).toBe("calc(0px + 10px)");
 	expect(style1.width).toBe("");
 	expect(style1.height).toBe("10px");
 });

src/components/__tests__/Left.tsx

@@ -92,7 +92,7 @@ test("Left stacked has correct styles", async () => {
 	const sut1 = container.querySelector("#test1")!;
 	const style1 = window.getComputedStyle(sut1);
 
-	expect(style1.left).toBe("calc(10px + 0px)");
+	expect(style1.left).toBe("calc(0px + 10px)");
 	expect(style1.top).toBe("0px");
 	expect(style1.right).toBe("");
 	expect(style1.bottom).toBe("0px");
@@ -120,7 +120,7 @@ test("Left stacked reversed has correct styles", async () => {
 	const sut1 = container.querySelector("#test1")!;
 	const style1 = window.getComputedStyle(sut1);
 
-	expect(style1.left).toBe("calc(10px + 0px)");
+	expect(style1.left).toBe("calc(0px + 10px)");
 	expect(style1.top).toBe("0px");
 	expect(style1.right).toBe("");
 	expect(style1.bottom).toBe("0px");

src/components/__tests__/Right.tsx

@@ -94,7 +94,7 @@ test("Right stacked has correct styles", async () => {
 
 	expect(style1.left).toBe("");
 	expect(style1.top).toBe("0px");
-	expect(style1.right).toBe("calc(10px + 0px)");
+	expect(style1.right).toBe("calc(0px + 10px)");
 	expect(style1.bottom).toBe("0px");
 	expect(style1.width).toBe("10px");
 	expect(style1.height).toBe("");
@@ -122,7 +122,7 @@ test("Right stacked reversed has correct styles", async () => {
 
 	expect(style1.left).toBe("");
 	expect(style1.top).toBe("0px");
-	expect(style1.right).toBe("calc(10px + 0px)");
+	expect(style1.right).toBe("calc(0px + 10px)");
 	expect(style1.bottom).toBe("0px");
 	expect(style1.width).toBe("10px");
 	expect(style1.height).toBe("");

src/components/__tests__/Top.tsx

@@ -93,7 +93,7 @@ test("Top stacked has correct styles", async () => {
 	const style1 = window.getComputedStyle(sut1);
 
 	expect(style1.left).toBe("0px");
-	expect(style1.top).toBe("calc(10px + 0px)");
+	expect(style1.top).toBe("calc(0px + 10px)");
 	expect(style1.right).toBe("0px");
 	expect(style1.bottom).toBe("");
 	expect(style1.width).toBe("");
@@ -121,9 +121,9 @@ test("Top stacked reversed has correct styles", async () => {
 	const style1 = window.getComputedStyle(sut1);
 
 	expect(style1.left).toBe("0px");
-	expect(style1.top).toBe("calc(10px + 0px)");
+	expect(style1.top).toBe("calc(0px + 10px)");
 	expect(style1.right).toBe("0px");
-	expect(style1.bottom).toBe("0px");
+	expect(style1.bottom).toBe("");
 	expect(style1.width).toBe("");
 	expect(style1.height).toBe("10px");
 });