fix: prettier, dedicated dedupe test

Author: jhefferman-sfdc

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

@@ -1,9 +1,18 @@
 export default {
-    test(target, snapshot, consoleCalls) {
-        // Expect no errors or warnings, hydration or otherwise
-        TestUtils.expectConsoleCalls(consoleCalls, {
-            error: [],
-            warn: [],
-        });
+    snapshot(target) {
+        return {
+            parent: target,
+            child: target.querySelector('x-child'),
+        };
+    },
+    advancedTest(target, { Component, hydrateComponent, consoleSpy }) {
+        const { parent, child } = this.snapshot(target);
+        hydrateComponent(target, Component, {});
+        const consoleCalls = consoleSpy.calls;
+        // Validate there is no class attribute mismatch
+        expect(consoleCalls.error).toHaveSize(0);
+        // Validate there is no hydration mismatch
+        expect(parent).toBe(target);
+        expect(child).toBe(target.querySelector('x-child'));
     },
 };

packages/@lwc/integration-karma/test-hydration/light-dom/scoped-styles/nested-scoped-styles/child-scoped-styles/x/child/child.html

@@ -1,3 +1,3 @@
 <template lwc:render-mode="light">
-    <div class="blue">child content</div>
+    <div></div>
 </template>

packages/@lwc/integration-karma/test-hydration/light-dom/scoped-styles/nested-scoped-styles/child-scoped-styles/x/child/child.scoped.css

@@ -1,3 +1,3 @@
-.blue {
-    background-color: blue;
+:host {
+    padding: 8px;
 }

packages/@lwc/integration-karma/test-hydration/light-dom/scoped-styles/nested-scoped-styles/child-scoped-styles/x/main/main.html

@@ -1,4 +1,3 @@
 <template lwc:render-mode="light">
-    <x-child></x-child>
-    <x-child></x-child>
+    <x-child class="main"></x-child>
 </template>

packages/@lwc/template-compiler/README.md

@@ -64,7 +64,6 @@ const { code, warnings } = compile(`<template><h1>Hello World!</h1></template>`,
 - `customRendererConfig` (CustomRendererConfig, optional) - specifies a configuration to use to match elements. Matched elements will get a custom renderer hook in the generated template.
 - `instrumentation` (InstrumentationObject, optional) - instrumentation object to gather metrics and non-error logs for internal use. See the `@lwc/errors` package for details on the interface.
 - `disableSyntheticShadowSupport` (type: `boolean`, default: `false`) - Set to true if synthetic shadow DOM support is not needed, which can result in smaller/faster output.
-
     - Example 1: Config to match `<use>` elements under the `svg` namespace and have `href` attribute set.
 
         ```