saleor-apps-redis_apl/packages/shared/src/editor-js/editor-js-plaintext-renderer.test.ts

import { describe, expect, it } from "vitest";
import { EditorJsPlaintextRenderer } from "./editor-js-plaintext-renderer";

describe("EditorJsPlaintextRenderer", () => {
  it("Empty response for invalid input", () => {
    expect(EditorJsPlaintextRenderer({ stringData: "not json" })).toBe(undefined);
    expect(EditorJsPlaintextRenderer({ stringData: "" })).toBe(undefined);
  });
  it("Returns plaintext with no formatting when passed paragraph block", () => {
    expect(
      EditorJsPlaintextRenderer({
        stringData:
          '{"time": 1684697732024, "blocks": [{"id": "HVJ8gMNIXY", "data": {"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nibh lacus, dignissim at aliquet et, gravida sed velit. Suspendisse at volutpat erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit."}, "type": "paragraph"}], "version": "2.24.3"}',
      }),
    ).toBe(
      "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nibh lacus, dignissim at aliquet et, gravida sed velit. Suspendisse at volutpat erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
    );
  });
  it("Returns plaintext with no formatting when passed paragraph block with additional styles", () => {
    expect(
      EditorJsPlaintextRenderer({
        stringData:
          '{"time": 1684697809104, "blocks": [{"id": "HVJ8gMNIXY", "data": {"text": "Lorem ipsum dolor sit <b>amet</b>, consectetur adipiscing elit. Mauris <s>nibh lacus</s>, dignissim at aliquet et, gravida sed velit. Suspendisse at volutpat erat. <i>Lorem ipsum </i>dolor sit amet, consectetur adipiscing elit."}, "type": "paragraph"}], "version": "2.24.3"}',
      }),
    ).toBe(
      "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nibh lacus, dignissim at aliquet et, gravida sed velit. Suspendisse at volutpat erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
    );
  });
  it("Returns text containing angle brackets, when passed block without the style tags", () => {
    expect(
      EditorJsPlaintextRenderer({
        stringData:
          '{"time": 1684748620371, "blocks": [{"id": "fw-PCw9s-0", "data": {"text": "Everybody knows that 1 &lt; 2 and 1 &gt; 0."}, "type": "paragraph"}, {"id": "eUK1ih8Wmz", "data": {"text": "This is text heart: &lt;3"}, "type": "paragraph"}], "version": "2.24.3"}',
      }),
    ).toBe("Everybody knows that 1 &lt; 2 and 1 &gt; 0.\nThis is text heart: &lt;3");
    it("Returns numbered list when passed ordered list block", () => {
      expect(
        EditorJsPlaintextRenderer({
          stringData:
            '{"time": 1684697916091, "blocks": [{"id": "BNL219JhYr", "data": {"items": ["Apples", "Oranges", "Bananas"], "style": "ordered"}, "type": "list"}], "version": "2.24.3"}',
        }),
      ).toBe("1. Apples\n2. Oranges\n3. Bananas");
    });
    it("Returns list with dashes when passed unordered list block", () => {
      expect(
        EditorJsPlaintextRenderer({
          stringData:
            '{"time": 1684697984679, "blocks": [{"id": "BNL219JhYr", "data": {"items": ["Apples", "Oranges", "Bananas"], "style": "unordered"}, "type": "list"}], "version": "2.24.3"}',
        }),
      ).toBe("- Apples\n- Oranges\n- Bananas");
    });
    it("Returns plaintext when header block is passed", () => {
      expect(
        EditorJsPlaintextRenderer({
          stringData:
            '{"time": 1684698075115, "blocks": [{"id": "nC-oNRu-pp", "data": {"text": "Lorem ipsum", "level": 1}, "type": "header"}], "version": "2.24.3"}',
        }),
      ).toBe("Lorem ipsum");
    });
    it("Returns text additional new line after header, when theres another block passed", () => {
      expect(
        EditorJsPlaintextRenderer({
          stringData:
            '{"time": 1684748016130, "blocks": [{"id": "nC-oNRu-pp", "data": {"text": "This is header", "level": 1}, "type": "header"}, {"id": "fw-PCw9s-0", "data": {"text": "There should be additional new line between header and paragraph"}, "type": "paragraph"}], "version": "2.24.3"}',
        }),
      ).toBe("This is header\n\nThere should be additional new line between header and paragraph");
    });
    it("Returns text when passed all types of blocks", () => {
      expect(
        EditorJsPlaintextRenderer({
          stringData:
            '{"time": 1684698250098, "blocks": [{"id": "nC-oNRu-pp", "data": {"text": "Lorem ipsum", "level": 1}, "type": "header"}, {"id": "1ADVi9cvw8", "data": {"text": "This is <b>introduction</b> to the list of things"}, "type": "paragraph"}, {"id": "7OFi_vE_hc", "data": {"items": ["Red", "Blue"], "style": "ordered"}, "type": "list"}, {"id": "PYLABJ1KWZ", "data": {"text": "Closing thoughts."}, "type": "paragraph"}], "version": "2.24.3"}',
        }),
      ).toBe(
        "Lorem ipsum\n\nThis is introduction to the list of things\n1. Red\n2. Blue\nClosing thoughts.",
      );
    });
  });
});