@duckduckgo/autoconsent 16.27.0 → 16.28.0

package/tests/amazon-pay.spec.ts

@@ -0,0 +1,3 @@
+import generateCMPTests from '../playwright/runner';
+
+generateCMPTests('amazon-pay', ['https://pay.amazon.co.jp/', 'https://pay.amazon.co.uk/', 'https://pay.amazon.de/']);

package/tests/bbva.spec.ts

@@ -0,0 +1,4 @@
+import generateCMPTests from '../playwright/runner';
+
+// bbva.es uses the same banner, but its bot protection blocks datacenter IPs, so it is not listed here.
+generateCMPTests('bbva', ['https://www.bbvauk.com/', 'https://www.bbva.be/'], {});

package/tests/deliveroo.spec.ts

@@ -0,0 +1,3 @@
+import generateCMPTests from '../playwright/runner';
+
+generateCMPTests('deliveroo', ['https://deliveroo.co.uk/', 'https://deliveroo.fr/', 'https://deliveroo.it/', 'https://deliveroo.ie/']);

package/tests/wpconsent.spec.ts

@@ -0,0 +1,5 @@
+import generateCMPTests from '../playwright/runner';
+
+generateCMPTests('WPConsent', ['https://www.allthebestfights.com/', 'https://usatourist.com/'], {
+    testSelfTest: false,
+});

package/tests-wtr/dom-actions/dom-actions.stylesheet.html

@@ -0,0 +1,13 @@
+<html>
+    <body>
+        <script type="module">
+            import { runTests } from '@web/test-runner-mocha';
+
+            runTests(async () => {
+                await import('./dom-actions.stylesheet');
+            });
+        </script>
+
+        <div id="target"></div>
+    </body>
+</html>

package/tests-wtr/dom-actions/dom-actions.stylesheet.ts

@@ -0,0 +1,26 @@
+import { expect } from '@esm-bundle/chai';
+import { instantiateDomActions } from './utils';
+
+describe('stylesheet', () => {
+    const domActions = instantiateDomActions();
+
+    afterEach(() => {
+        document.getElementById('autoconsent-css-rules')?.remove();
+    });
+
+    it('appends a stylesheet rule', () => {
+        const result = domActions.stylesheet('.locked body { position: static !important; }', 'test-scroll-unlock');
+        expect(result).to.be.true;
+        const styleEl = document.getElementById('autoconsent-css-rules');
+        expect(styleEl?.textContent).to.include('position: static !important');
+        expect(styleEl?.textContent).to.include('/* autoconsent:test-scroll-unlock */');
+    });
+
+    it('does not duplicate rules with the same stylesheetId', () => {
+        domActions.stylesheet('.locked body { position: static !important; }', 'test-scroll-unlock');
+        const result = domActions.stylesheet('.locked body { position: static !important; }', 'test-scroll-unlock');
+        expect(result).to.be.true;
+        const styleEl = document.getElementById('autoconsent-css-rules');
+        expect(styleEl?.textContent?.match(/test-scroll-unlock/g)?.length).to.equal(1);
+    });
+});

package/tests-wtr/utils/append-stylesheet-rule.html

@@ -0,0 +1,11 @@
+<html>
+    <body>
+        <script type="module">
+            import { runTests } from '@web/test-runner-mocha';
+
+            runTests(async () => {
+                await import('./append-stylesheet-rule.test');
+            });
+        </script>
+    </body>
+</html>

package/tests-wtr/utils/append-stylesheet-rule.test.ts

@@ -0,0 +1,29 @@
+import { expect } from '@esm-bundle/chai';
+import { appendStylesheetRule } from '../../lib/utils';
+
+describe('appendStylesheetRule', () => {
+    let styleEl: HTMLStyleElement;
+
+    beforeEach(() => {
+        styleEl = document.createElement('style');
+        document.head.appendChild(styleEl);
+    });
+
+    afterEach(() => {
+        styleEl.remove();
+    });
+
+    it('appends a CSS rule to the stylesheet', () => {
+        const result = appendStylesheetRule(styleEl, 'html.locked body { overflow: auto !important; }', 'scroll-unlock');
+        expect(result).to.be.true;
+        expect(styleEl.innerText).to.include('overflow: auto !important');
+        expect(styleEl.innerText).to.include('/* autoconsent:scroll-unlock */');
+    });
+
+    it('is idempotent when called with the same marker', () => {
+        appendStylesheetRule(styleEl, 'html.locked body { overflow: auto !important; }', 'scroll-unlock');
+        const lengthAfterFirst = styleEl.innerText.length;
+        appendStylesheetRule(styleEl, 'html.locked body { overflow: auto !important; }', 'scroll-unlock');
+        expect(styleEl.innerText.length).to.equal(lengthAfterFirst);
+    });
+});