test(wtr): clear <head> and clear global stylesheets when needed

wjhsf · wjhsf · commit 50dffb02aa4f · 2025-08-15T16:12:39.000-04:00
diff --git a/packages/@lwc/integration-karma/test/mixed-shadow-mode/synthetic-behavior/index.spec.js b/packages/@lwc/integration-karma/test/mixed-shadow-mode/synthetic-behavior/index.spec.js
@@ -15,6 +15,10 @@ import GrandparentResetParentAnyChildReset from 'x/grandparentResetParentAnyChil
 import GrandparentResetParentResetChildAny from 'x/grandparentResetParentResetChildAny';
 import GrandparentResetParentResetChildReset from 'x/grandparentResetParentResetChildReset';
 
+afterEach(() => {
+    window.__lwcResetGlobalStylesheets();
+});
+
 describe.skipIf(process.env.NATIVE_SHADOW)('synthetic behavior', () => {
     const scenarios = [
         {
diff --git a/packages/@lwc/integration-karma/test/rendering/style-specificity-important/index.spec.js b/packages/@lwc/integration-karma/test/rendering/style-specificity-important/index.spec.js
@@ -1,6 +1,10 @@
 import { createElement } from 'lwc';
 import Component from 'x/component';
 
+afterEach(() => {
+    window.__lwcResetGlobalStylesheets();
+});
+
 describe('important styling and style override', () => {
     it('should render !important styles correctly', async () => {
         const elm = createElement('x-component', { is: Component });
diff --git a/packages/@lwc/integration-karma/test/shadow-dom/stylesheet/index.spec.js b/packages/@lwc/integration-karma/test/shadow-dom/stylesheet/index.spec.js
@@ -4,6 +4,10 @@ import Parent from 'x/parent';
 import Host from 'x/host';
 import MultiTemplates from 'x/multiTemplates';
 
+afterEach(() => {
+    window.__lwcResetGlobalStylesheets();
+});
+
 describe('shadow encapsulation', () => {
     it('should not style children elements', () => {
         const elm = createElement('x-parent', { is: Parent });
diff --git a/packages/@lwc/integration-karma/test/synthetic-shadow/dom-manual-sharing-nodes/index.spec.js b/packages/@lwc/integration-karma/test/synthetic-shadow/dom-manual-sharing-nodes/index.spec.js
@@ -3,6 +3,10 @@ import { createElement } from 'lwc';
 import Unstyled from 'x/unstyled';
 import Styled from 'x/styled';
 
+afterEach(() => {
+    window.__lwcResetGlobalStylesheets();
+});
+
 describe('dom manual sharing nodes', () => {
     it('has correct styles when sharing nodes from styled to unstyled component', () => {
         const unstyled = createElement('x-unstyled', { is: Unstyled });
diff --git a/packages/@lwc/integration-karma/test/template/directive-lwc-dom-manual/index.spec.js b/packages/@lwc/integration-karma/test/template/directive-lwc-dom-manual/index.spec.js
@@ -8,6 +8,10 @@ function waitForStyleToBeApplied() {
     return Promise.resolve();
 }
 
+afterEach(() => {
+    window.__lwcResetGlobalStylesheets();
+});
+
 describe('dom mutation without the lwc:dom="manual" directive', () => {
     function testErrorOnDomMutation(method, fn) {
         it(`should log a warning when calling ${method} on an element without the lwc:dom="manual" directive only in synthetic mode`, () => {
diff --git a/packages/@lwc/integration-karma/test/template/directive-lwc-inner-html/index.spec.js b/packages/@lwc/integration-karma/test/template/directive-lwc-inner-html/index.spec.js
@@ -7,18 +7,18 @@ let originalSanitizeHtmlContent;
 
 beforeAll(() => {
     originalSanitizeHtmlContent = getHooks().sanitizeHtmlContent;
-    setHooks({
-        sanitizeHtmlContent: (content) => content,
-    });
+    setHooks({ sanitizeHtmlContent: (content) => content });
 });
 
 afterAll(() => {
-    setHooks({
-        sanitizeHtmlContent: originalSanitizeHtmlContent,
-    });
+    setHooks({ sanitizeHtmlContent: originalSanitizeHtmlContent });
+});
+
+afterEach(() => {
+    window.__lwcResetGlobalStylesheets();
 });
 
-it('renders the content as HTML', () => {
+it('renders the content as HTML', async () => {
     const elm = createElement('x-inner-html', { is: XInnerHtml });
     elm.content = 'Hello <b>World</b>';
     document.body.appendChild(elm);
diff --git a/packages/@lwc/integration-not-karma/helpers/setup.mjs b/packages/@lwc/integration-not-karma/helpers/setup.mjs
@@ -106,6 +106,7 @@ hijackGlobal('afterEach', (afterEach) => {
         // FIXME: Boost test speed by moving this to only files that need it
         // Ensure the DOM is in a clean state
         document.body.replaceChildren();
+        document.head.replaceChildren();
     });
 });
 
