test: refactor thickness tests

Author: setaman

tests/unit/circle/circle-dot.spec.js

@@ -1,6 +1,5 @@
 import { expect } from "chai";
 import CircleContainer from "@/components/Circle/CircleContainer.vue";
-// import VueEllipseProgress from "@/components/VueEllipseProgress.vue";
 import Circle from "@/components/Circle/Circle.vue";
 import CircleDot from "@/components/Circle/CircleDot.vue";
 import { animationParser, dotParser } from "@/components/optionsParser";

tests/unit/circle/circle-thickness.spec.js

@@ -1,6 +1,7 @@
 import { expect } from "chai";
 import Circle from "@/components/Circle/Circle.vue";
 import { factory } from "@/../tests/helper";
+import { calcThickness } from "@/components/optionsParser";
 
 const localFactory = (props) => factory({ container: Circle, props });
 
@@ -15,14 +16,10 @@ describe("#thickness", () => {
   });
   it("renders and calculates the progress circle line stroke relative thickness correctly", () => {
     const size = 200;
-    const thickness = "5%";
-    const relativeThickness = (parseInt(thickness, 10) * size) / 100;
+    const thickness = calcThickness("5%", size);
 
-    const wrapper = localFactory({ thickness });
-    const circleProgressWrapper = wrapper.find("circle.ep-circle--progress");
-
-    expect(wrapper.vm.computedThickness).to.equal(relativeThickness);
-    expect(circleProgressWrapper.element.getAttribute("stroke-width")).to.equal(`${relativeThickness}`);
+    const circleProgressWrapper = localFactory({ thickness }).find("circle.ep-circle--progress");
+    expect(circleProgressWrapper.element.getAttribute("stroke-width")).to.equal(`${thickness}`);
   });
 });
 describe("#emptyTthickness", () => {
@@ -34,15 +31,11 @@ describe("#emptyTthickness", () => {
 
     expect(circleEmptyWrapper.element.getAttribute("stroke-width")).to.equal(`${emptyThickness}`);
   });
-  it("renders and calculates the empty circle line stroke relative thickness correctly", () => {
+  it("renders the empty circle line stroke relative thickness correctly", () => {
     const size = 200;
-    const emptyThickness = "5%";
-    const relativeThickness = (parseInt(emptyThickness, 10) * size) / 100;
+    const emptyThickness = calcThickness("5%", size);
 
-    const wrapper = localFactory({ emptyThickness });
-    const circleEmptyWrapper = wrapper.find("circle.ep-circle--empty");
-
-    expect(wrapper.vm.computedEmptyThickness).to.equal(relativeThickness);
-    expect(circleEmptyWrapper.element.getAttribute("stroke-width")).to.equal(`${relativeThickness}`);
+    const circleEmptyWrapper = localFactory({ emptyThickness }).find("circle.ep-circle--empty");
+    expect(circleEmptyWrapper.element.getAttribute("stroke-width")).to.equal(`${emptyThickness}`);
   });
 });