import { describe, beforeEach, it, expect, vi } from "vitest";
import type { IStyleElements } from "../parse_style_block";
import type IToHtml from "../to_html";
describe("parsers - webvtt - toHTML", () => {
beforeEach(() => {
vi.resetModules();
});
it("should include payload HTML", async () => {
vi.doMock("../convert_payload_to_html", () => ({
default: () => {
return [document.createElement("b"), document.createTextNode("Hello")];
},
}));
const toHTML = (await vi.importActual("../to_html")).default as typeof IToHtml;
const cueObject = {
start: 0,
end: 100,
header: "b",
payload: ["Hello
"],
settings: {},
};
const classes: IStyleElements = {};
const { element, start, end } = toHTML(cueObject, { classes });
expect(start).toBe(0);
expect(end).toBe(100);
expect(element.outerHTML).toBe(
"' +
'
' +
'' +
"" +
"Hello" +
"" +
"
" +
"
Hello
"],
settings: {},
};
const classes: IStyleElements = {
b: "color:yellow;",
};
const { element, start, end } = toHTML(cueObject, { classes });
expect(start).toBe(0);
expect(end).toBe(100);
expect(element.outerHTML).toBe(
"' +
'
' +
'' +
"" +
"Hello" +
"" +
"
" +
"
Hello
"],
settings: {},
};
const classes: IStyleElements = {};
const global = "color:yellow;";
const { element, start, end } = toHTML(cueObject, { classes, global });
expect(start).toBe(0);
expect(end).toBe(100);
expect(element.outerHTML).toBe(
"' +
'
' +
'' +
"" +
"Hello" +
"" +
"
" +
"
Hello
"],
settings: {},
};
const classes: IStyleElements = { b: "bar: baz;" };
const global = "color:yellow;";
const { element, start, end } = toHTML(cueObject, { classes, global });
expect(start).toBe(0);
expect(end).toBe(100);
expect(element.outerHTML).toBe(
"' +
'
' +
'' +
"" +
"Hello" +
"" +
"
" +
"
' +
'
' +
'' +
"" +
"
" +
"