Fix text poster rendering when preload=true

Author: ku1ik

src/core.js

@@ -345,6 +345,7 @@ class Core {
       this.play();
     } else if (this.poster.type === "text") {
       this._feed(this.poster.value);
+      this.needsClear = true;
     }
   }
 
@@ -508,8 +509,11 @@ class Core {
     this._initializeVt(this.cols, this.rows);
 
     if (meta.poster !== undefined) {
-      this.needsClear = true;
       meta.poster.forEach((text) => this.vt.feed(text));
+      this.needsClear = true;
+    } else if (this.poster.type === "text") {
+      this.vt.feed(this.poster.value);
+      this.needsClear = true;
     }
 
     this._dispatchEvent("metadata", {
@@ -579,7 +583,6 @@ class Core {
     this.vt = this.wasm.create(cols, rows, 100, this.boldIsBright);
     this.vt.cols = cols;
     this.vt.rows = rows;
-
   }
 
   _parsePoster(poster) {

tests/player.spec.js

@@ -399,6 +399,37 @@ test("explicit theme", async ({ page }) => {
   }
 });
 
+test("poster - npt", async ({ page }) => {
+  await createPlayer(page, "/assets/long.cast", {
+    poster: "npt:7",
+  });
+
+  await page.waitForTimeout(500);
+
+  await expectTermText(page, ["start", "one", "six"]);
+});
+
+test("poster - data:text/plain", async ({ page }) => {
+  await createPlayer(page, "/assets/long.cast", {
+    poster: "data:text/plain,hello world",
+  });
+
+  await page.waitForTimeout(500);
+
+  await expectTermText(page, "hello world");
+});
+
+test("poster - data:text/plain - with preload", async ({ page }) => {
+  await createPlayer(page, "/assets/long.cast", {
+    poster: "data:text/plain,hello world",
+    preload: true,
+  });
+
+  await page.waitForTimeout(500);
+
+  await expectTermText(page, "hello world");
+});
+
 const PLAYER_EVENTS = ["play", "playing", "pause", "ended", "input", "marker"];
 
 async function createPlayer(page, src, opts = {}) {
@@ -511,6 +542,22 @@ function expectTermSize(terminal, cols, rows) {
     .toEqual({ cols, rows });
 }
 
+async function expectTermText(page, fragments, timeout = 1000) {
+  const termText = page.locator(".ap-term-text");
+  await termText.waitFor();
+  const expected = Array.isArray(fragments) ? fragments : [fragments];
+
+  await expect
+    .poll(
+      async () => {
+        const text = await termText.innerText();
+        return expected.every((fragment) => text.includes(fragment));
+      },
+      { timeout },
+    )
+    .toBe(true);
+}
+
 async function clickProgressBar(page, position) {
   const bar = page.locator(".ap-bar");
   await bar.waitFor();