Something

jest.config.js

@@ -9,7 +9,7 @@ module.exports = {
     },
     moduleFileExtensions: ["js", "jsx", "ts", "tsx", "json", "node", "d.ts"],
     roots: ["<rootDir>/src/", "<rootDir>/tests/unit/"],
-    collectCoverageFrom: ["src/**/lang/*.ts", "src/parser.ts", "src/scheduling.ts", "utils.ts"],
+    collectCoverageFrom: ["src/**/lang/*.ts", "src/parser.ts", "src/scheduling.ts", "utils.ts", "src/question-type.ts"],
     coveragePathIgnorePatterns: [
         "/node_modules/",
         "src/lang/locale/",

src/question-type.ts

@@ -100,6 +100,7 @@ class QuestionType_Cloze implements IQuestionTypeHandler {
             if (a.index > b.index) {
                 return 1;
             }
+            // What is unit test to cover following statement; otherwise jest please ignore
             return 0;
         });
 
@@ -110,7 +111,7 @@ class QuestionType_Cloze implements IQuestionTypeHandler {
                 deletionEnd: number = deletionStart + m[0].length;
             front =
                 questionText.substring(0, deletionStart) +
-                "<span style='color:#2196f3'>[...]</span>" +
+                QuestionType_ClozeUtil.renderClozeFront() +
                 questionText.substring(deletionEnd);
             front = front
                 .replace(/==/gm, "")
@@ -119,9 +120,7 @@ class QuestionType_Cloze implements IQuestionTypeHandler {
                 .replace(/}}/gm, "");
             back =
                 questionText.substring(0, deletionStart) +
-                "<span style='color:#2196f3'>" +
-                questionText.substring(deletionStart, deletionEnd) +
-                "</span>" +
+                QuestionType_ClozeUtil.renderClozeBack(questionText.substring(deletionStart, deletionEnd)) + 
                 questionText.substring(deletionEnd);
             back = back
                 .replace(/==/gm, "")
@@ -135,6 +134,16 @@ class QuestionType_Cloze implements IQuestionTypeHandler {
     }
 }
 
+export class QuestionType_ClozeUtil {
+    static renderClozeFront(): string {
+        return "<span style='color:#2196f3'>[...]</span>";
+    }
+
+    static renderClozeBack(str: string): string {
+        return "<span style='color:#2196f3'>" + str + "</span>";
+    }
+}
+
 export class QuestionTypeFactory { 
     static create(questionType: CardType): IQuestionTypeHandler { 
         var handler: IQuestionTypeHandler;

tests/unit/question-type.test.ts

@@ -0,0 +1,102 @@
+import { CardType } from "src/question";
+import { CardFrontBack, CardFrontBackUtil, QuestionType_ClozeUtil } from "src/question-type";
+import { DEFAULT_SETTINGS, SRSettings } from "src/settings";
+
+test("CardType.SingleLineBasic", () => {
+    expect(
+        CardFrontBackUtil.expand(CardType.SingleLineBasic, "A::B", DEFAULT_SETTINGS),
+    ).toEqual(
+        [new CardFrontBack("A", "B")]
+    );
+});
+
+
+test("CardType.SingleLineReversed", () => {
+    expect(
+        CardFrontBackUtil.expand(CardType.SingleLineReversed, "A:::B", DEFAULT_SETTINGS),
+    ).toEqual([
+        new CardFrontBack("A", "B"), 
+        new CardFrontBack("B", "A")
+    ]
+    );
+});
+
+
+test("CardType.MultiLineBasic", () => {
+    expect(
+        CardFrontBackUtil.expand(CardType.MultiLineBasic, "A1\nA2\n?\nB1\nB2", DEFAULT_SETTINGS),
+    ).toEqual([
+        new CardFrontBack("A1\nA2", "B1\nB2")
+    ]
+    );
+});
+
+
+test("CardType.MultiLineReversed", () => {
+    expect(
+        CardFrontBackUtil.expand(CardType.MultiLineReversed, "A1\nA2\n??\nB1\nB2", DEFAULT_SETTINGS),
+    ).toEqual([
+        new CardFrontBack("A1\nA2", "B1\nB2"), 
+        new CardFrontBack("B1\nB2", "A1\nA2"), 
+    ]
+    );
+});
+
+
+test("CardType.Cloze", () => {
+    let frontHtml = QuestionType_ClozeUtil.renderClozeFront();
+
+    expect(
+        CardFrontBackUtil.expand(CardType.Cloze, "This is a very ==interesting== test", DEFAULT_SETTINGS),
+    ).toEqual([
+        new CardFrontBack(
+            "This is a very " + frontHtml + " test", 
+            "This is a very " + QuestionType_ClozeUtil.renderClozeBack("interesting") + " test", 
+        )
+    ]
+    );
+
+    let settings2: SRSettings = DEFAULT_SETTINGS;
+    settings2.convertBoldTextToClozes = true;
+    settings2.convertHighlightsToClozes = true;
+    settings2.convertCurlyBracketsToClozes = true;
+
+    expect(
+        CardFrontBackUtil.expand(CardType.Cloze, "This is a very **interesting** test", settings2),
+    ).toEqual([
+        new CardFrontBack(
+            "This is a very " + frontHtml + " test", 
+            "This is a very " + QuestionType_ClozeUtil.renderClozeBack("interesting") + " test" 
+        )
+    ]
+    );
+
+    expect(
+        CardFrontBackUtil.expand(CardType.Cloze, "This is a very {{interesting}} test", settings2),
+    ).toEqual([
+        new CardFrontBack(
+            "This is a very " + frontHtml + " test", 
+            "This is a very " + QuestionType_ClozeUtil.renderClozeBack("interesting") + " test" 
+        )
+    ]
+    );
+
+
+    expect(
+        CardFrontBackUtil.expand(CardType.Cloze, "This is a really very {{interesting}} and ==fascinating== and **great** test", settings2),
+    ).toEqual([
+        new CardFrontBack(
+            "This is a really very <span style='color:#2196f3'>[...]</span> and fascinating and great test", 
+            "This is a really very <span style='color:#2196f3'>interesting</span> and fascinating and great test"
+        ), 
+        new CardFrontBack(
+            "This is a really very interesting and <span style='color:#2196f3'>[...]</span> and great test", 
+            "This is a really very interesting and <span style='color:#2196f3'>fascinating</span> and great test"
+        ), 
+        new CardFrontBack(
+            "This is a really very interesting and fascinating and <span style='color:#2196f3'>[...]</span> test", 
+            "This is a really very interesting and fascinating and <span style='color:#2196f3'>great</span> test"
+        )
+    ]
+    );
+});