refac: lineMode parser

Author: setaman

src/components/optionsParser.js

@@ -1,8 +1,8 @@
 import { getNumberIfValid, isValidNumber } from "@/utils";
 
-export const lineModeParser = (options) => {
-  const lineModeConfig = options.lineMode.trim().split(" ");
-  const mode = options.multiple ? "multiple" : lineModeConfig[0];
+export const lineModeParser = (lineMode, multiple) => {
+  const lineModeConfig = lineMode.trim().split(" ");
+  const mode = multiple ? "multiple" : lineModeConfig[0];
   return {
     mode,
     offset: getNumberIfValid(lineModeConfig[1]) || 0,
@@ -70,7 +70,7 @@ export const parseOptions = (options) => ({
   dot: dotParser(options.dot, options.size),
   globalDot: dotParser(options.globalDot, options.size),
   dash: dashParser(options.dash),
-  lineMode: lineModeParser(options),
+  lineMode: lineModeParser(options.lineMode, options.multiple),
   linePosition: parseLinePosition(options.linePosition),
   emptyLinePosition: parseLinePosition(options.emptyLinePosition),
   animation: animationParser(options.animation),

tests/unit/container.spec.js

@@ -3,7 +3,7 @@ import { mount } from "@vue/test-utils";
 import VueEllipseProgress from "@/components/VueEllipseProgress.vue";
 import CircleContainer from "@/components/Circle/CircleContainer.vue";
 import Counter from "@/components/Counter.vue";
-import { animationParser, dotParser, dashParser } from "@/components/optionsParser";
+import { animationParser, dotParser, dashParser, lineModeParser } from "@/components/optionsParser";
 import props from "@/components/interface";
 
 const factory = (propsData, slots = {}) => {
@@ -322,5 +322,16 @@ describe("[ EllipseProgressContainer.vue ]", () => {
         expect(dashParser(props.dash.default)).to.equal("");
       });
     });
+    describe("#lineMode parser", () => {
+      it("should ", () => {
+        const defaultLineMode = {
+          mode: "normal",
+          offset: 0,
+        };
+        const { mode, offset } = lineModeParser(props.lineMode.default);
+        expect(mode).to.equal(defaultLineMode.mode);
+        expect(offset).to.equal(defaultLineMode.offset);
+      });
+    });
   });
 });