test(wtr): update tests to use relative path to utils

instead of weird fake module

Author: wjhsf

packages/@lwc/integration-not-karma/helpers/test-hydrate.js

@@ -1,8 +1,8 @@
 import * as LWC from 'lwc';
+import { spyConsole } from './console';
+import { setHooks } from './hooks';
 
-window.TestUtils.setHooks({
-    sanitizeHtmlContent: (content) => content,
-});
+setHooks({ sanitizeHtmlContent: (content) => content });
 
 function parseStringToDom(html) {
     return Document.parseHTMLUnsafe(html).body.firstChild;
@@ -28,7 +28,7 @@ async function runTest(ssrRendered, Component, testConfig) {
     let target = container.querySelector(selector);
 
     let testResult;
-    const consoleSpy = window.TestUtils.spyConsole();
+    const consoleSpy = spyConsole();
     setFeatureFlags(testConfig.requiredFeatureFlags, true);
 
     if (testConfig.test) {

packages/@lwc/integration-not-karma/test-hydration/attributes/falsy-mismatch/index.spec.js

@@ -1,3 +1,4 @@
+import { expectConsoleCallsDev } from '../../../helpers/utils.js';
 export default {
     props: {
         isFalse: false,
@@ -28,7 +29,7 @@ export default {
             expect(divs[i].getAttribute('data-foo')).toEqual(expectedAttrValues[i]);
         }
 
-        TestUtils.expectConsoleCallsDev(consoleCalls, {
+        expectConsoleCallsDev(consoleCalls, {
             error: [],
             warn: [
                 'Hydration attribute mismatch on: <div> - rendered on server: data-foo=null - expected on client: data-foo="undefined"',

packages/@lwc/integration-not-karma/test-hydration/context/index.spec.js

@@ -1,3 +1,4 @@
+import { expectConsoleCalls } from '../../helpers/utils.js';
 export default {
     // server is expected to generate the same console error as the client
     expectedSSRConsoleCalls: {
@@ -40,7 +41,7 @@ export default {
         // Expect an error as one context was generated twice.
         // Expect an error as one context was malformed (did not define connectContext or disconnectContext methods).
         // Expect server/client context output parity (no hydration warnings)
-        TestUtils.expectConsoleCalls(consoleCalls, {
+        expectConsoleCalls(consoleCalls, {
             error: [],
             warn: [
                 'Attempted to connect to trusted context but received the following error',

packages/@lwc/integration-not-karma/test-hydration/errors/already-hydrated/index.spec.js

@@ -1,3 +1,4 @@
+import { expectConsoleCalls } from '../../../helpers/utils.js';
 export default {
     advancedTest(target, { Component, hydrateComponent, consoleSpy }) {
         hydrateComponent(target, Component, {});
@@ -6,7 +7,7 @@ export default {
 
         const consoleCalls = consoleSpy.calls;
 
-        TestUtils.expectConsoleCalls(consoleCalls, {
+        expectConsoleCalls(consoleCalls, {
             warn: ['"hydrateComponent" expects an element that is not hydrated.'],
         });
     },

packages/@lwc/integration-not-karma/test-hydration/inner-outer-html/index.spec.js

@@ -1,7 +1,8 @@
+import { extractDataIds } from '../../helpers/utils.js';
 export default {
     props: {},
     advancedTest(target, { consoleSpy }) {
-        const ids = Object.entries(TestUtils.extractDataIds(target)).filter(
+        const ids = Object.entries(extractDataIds(target)).filter(
             ([id]) => !id.endsWith('.shadowRoot')
         );
         for (const [id, node] of ids) {

packages/@lwc/integration-not-karma/test-hydration/light-dom/scoped-styles/deduped-scoped-styles/index.spec.js

@@ -1,7 +1,8 @@
+import { expectConsoleCalls } from '../../../../helpers/utils.js';
 export default {
     test(target, snapshot, consoleCalls) {
         // W-19087941: Expect no errors or warnings, hydration or otherwise
-        TestUtils.expectConsoleCalls(consoleCalls, {
+        expectConsoleCalls(consoleCalls, {
             error: [],
             warn: [],
         });

packages/@lwc/integration-not-karma/test-hydration/mismatches/attrs-compatibility/index.spec.js

@@ -1,3 +1,4 @@
+import { expectConsoleCallsDev } from '../../../helpers/utils.js';
 export default {
     props: {
         ssr: true,
@@ -18,7 +19,7 @@ export default {
         expect(p.getAttribute('data-same')).toBe('same-value');
         expect(p.getAttribute('data-another-diff')).toBe('client-val');
 
-        TestUtils.expectConsoleCallsDev(consoleCalls, {
+        expectConsoleCallsDev(consoleCalls, {
             error: [],
             warn: [
                 'Hydration attribute mismatch on: <p> - rendered on server: title="ssr-title" - expected on client: title="client-title"',

packages/@lwc/integration-not-karma/test-hydration/mismatches/attrs-expression/index.spec.js

@@ -1,3 +1,4 @@
+import { expectConsoleCallsDev } from '../../../helpers/utils.js';
 export default {
     props: {
         foo: 'server',
@@ -17,7 +18,7 @@ export default {
         expect(div.getAttribute('data-foo')).toBe('client');
         expect(div.getAttribute('data-static')).toBe('same-value');
 
-        TestUtils.expectConsoleCallsDev(consoleCalls, {
+        expectConsoleCallsDev(consoleCalls, {
             error: [],
             warn: [
                 'Hydration attribute mismatch on: <div> - rendered on server: data-foo="server" - expected on client: data-foo="client"',

packages/@lwc/integration-not-karma/test-hydration/mismatches/class-attr/dynamic-different/index.spec.js

@@ -1,3 +1,4 @@
+import { expectConsoleCallsDev } from '../../../../helpers/utils.js';
 export default {
     props: {
         classes: 'c1 c2 c3',
@@ -18,7 +19,7 @@ export default {
         expect(p).not.toBe(snapshots.p);
         expect(p.className).not.toBe(snapshots.classes);
 
-        TestUtils.expectConsoleCallsDev(consoleCalls, {
+        expectConsoleCallsDev(consoleCalls, {
             error: [],
             warn: [
                 'Hydration attribute mismatch on: <p> - rendered on server: class="c1 c2 c3" - expected on client: class="c2 c3 c4"',

packages/@lwc/integration-not-karma/test-hydration/mismatches/class-attr/dynamic-empty-in-ssr-null-string-in-client/index.spec.js

@@ -1,3 +1,4 @@
+import { expectConsoleCallsDev } from '../../../../helpers/utils.js';
 // SSR has no class at all, whereas the client has `class="null"`.
 // This is to test if hydration is smart enough to recognize the difference between a null
 // attribute and the literal string "null".
@@ -21,7 +22,7 @@ export default {
         expect(p).not.toBe(snapshots.p);
         expect(p.className).not.toBe(snapshots.className);
 
-        TestUtils.expectConsoleCallsDev(consoleCalls, {
+        expectConsoleCallsDev(consoleCalls, {
             error: [],
             warn: [
                 'Hydration attribute mismatch on: <p> - rendered on server: class="" - expected on client: class="null"',