Release v2.5.6

test/player-announcement-marquee.test.js

@@ -0,0 +1,108 @@
+const fs = require('node:fs');
+const path = require('node:path');
+const vm = require('node:vm');
+const test = require('node:test');
+const assert = require('node:assert/strict');
+
+function loadAnnouncementTemplateHelpers() {
+  const scriptPath = path.join(__dirname, '..', 'src', 'player', 'public', 'js', 'player-announcement-templates.js');
+  const script = fs.readFileSync(scriptPath, 'utf8');
+
+  const sandbox = {
+    window: {},
+    module: { exports: {} },
+    exports: {},
+    console
+  };
+  sandbox.window = sandbox;
+
+  vm.runInNewContext(script, sandbox, { filename: scriptPath });
+  return sandbox;
+}
+
+function createTextNode(width) {
+  return {
+    width: width,
+    attributes: {},
+    cloneNode() {
+      return createTextNode(width);
+    },
+    setAttribute(name, value) {
+      this.attributes[name] = String(value);
+    },
+    getBoundingClientRect() {
+      return { width: this.width };
+    }
+  };
+}
+
+test('announcement marquee helper repeats enough content and measures a real cycle width', () => {
+  const sandbox = loadAnnouncementTemplateHelpers();
+  assert.equal(typeof sandbox.initPlayerAnnouncementMarquee, 'function');
+
+  const textNodes = [createTextNode(100), createTextNode(100)];
+  const track = {
+    dataset: {},
+    style: {
+      values: {},
+      setProperty(name, value) {
+        this.values[name] = String(value);
+      }
+    },
+    attributes: { 'data-announcement-marquee-rate': '50' },
+    parentElement: null,
+    appended: [],
+    getAttribute(name) {
+      return this.attributes[name];
+    },
+    querySelectorAll() {
+      return textNodes.slice();
+    },
+    appendChild(node) {
+      this.appended.push(node);
+      textNodes.push(node);
+      return node;
+    },
+    getBoundingClientRect() {
+      const gap = 20;
+      const width = textNodes.length * 100 + Math.max(0, textNodes.length - 1) * gap;
+      return { width: width };
+    }
+  };
+
+  const messageContainer = {
+    getBoundingClientRect() {
+      return { width: 420 };
+    }
+  };
+
+  sandbox.window.getComputedStyle = function () {
+    return { columnGap: '20px', gap: '20px' };
+  };
+
+  sandbox.initPlayerAnnouncementMarquee(track, { container: messageContainer });
+
+  assert.equal(track.dataset.marqueeMeasured, 'true');
+  assert.equal(track.style.values['--announcement-scroll-distance'], '120.00px');
+  assert.equal(track.style.values['--announcement-scroll-duration'], '8.00s');
+  assert.equal(track.style.animationDuration, '8.00s');
+  assert.ok(track.appended.length >= 3);
+});
+
+test('announcement markup strips line breaks from the message', () => {
+  const sandbox = loadAnnouncementTemplateHelpers();
+  sandbox.playerAnnouncementTemplates = {
+    topBanner: '<div class="message">{{MESSAGE}}</div>'
+  };
+
+  const markup = sandbox.renderPlayerAnnouncementMarkup({
+    announcement_type: 'top-banner',
+    message: 'First line\nSecond line\r\nThird line',
+    short_label: 'Breaking News',
+    color_key: 'primary',
+    icon_key: 'info-circle'
+  });
+
+  assert.match(markup, /First line Second line Third line/);
+  assert.doesNotMatch(markup, /<br\s*\/?\s*>/i);
+});