fix: update dependencies, fix style snapshots (#224)

Author: nolanlawson

package.json

@@ -18,22 +18,22 @@
     ],
     "license": "MIT",
     "devDependencies": {
-        "@babel/core": "^7.23.3",
-        "@lwc/compiler": "^5.0.2",
-        "@lwc/engine-dom": "^5.0.2",
-        "@lwc/engine-server": "^5.0.2",
-        "@lwc/synthetic-shadow": "^5.0.2",
-        "@lwc/wire-service": "^5.0.2",
-        "@types/jest": "^29.5.8",
-        "@typescript-eslint/eslint-plugin": "^6.11.0",
-        "@typescript-eslint/parser": "^6.11.0",
-        "eslint": "^8.53.0",
-        "husky": "^8.0.3",
+        "@babel/core": "^7.23.9",
+        "@lwc/compiler": "^6.0.0",
+        "@lwc/engine-dom": "^6.0.0",
+        "@lwc/engine-server": "^6.0.0",
+        "@lwc/synthetic-shadow": "^6.0.0",
+        "@lwc/wire-service": "^6.0.0",
+        "@types/jest": "^29.5.11",
+        "@typescript-eslint/eslint-plugin": "^6.20.0",
+        "@typescript-eslint/parser": "^6.20.0",
+        "eslint": "^8.56.0",
+        "husky": "^9.0.7",
         "jest": "^29.7.0",
         "jest-environment-jsdom": "^29.7.0",
-        "lerna": "^7.4.2",
-        "lint-staged": "^13.2.3",
-        "prettier": "^3.1.0",
+        "lerna": "^8.0.2",
+        "lint-staged": "^15.2.1",
+        "prettier": "^3.2.4",
         "semver": "^7.5.4"
     },
     "lint-staged": {

packages/@lwc/jest-serializer/src/clean-style-element.js

@@ -9,6 +9,7 @@ const { getKnownScopeTokensRegex } = require('@lwc/jest-shared');
 
 function cleanStyleElement(elm) {
     elm.textContent = elm.textContent.replace(getKnownScopeTokensRegex(), '__lwc_scope_token__');
+    elm.removeAttribute('data-rendered-by-lwc'); // irrelevant for the snapshot, added by the framework
 }
 
 module.exports = cleanStyleElement;

packages/@lwc/jest-transformer/package.json

@@ -22,15 +22,15 @@
         "/src/transforms/*.js"
     ],
     "dependencies": {
-        "@babel/core": "^7.23.3",
+        "@babel/core": "^7.23.9",
         "@babel/plugin-proposal-dynamic-import": "^7.18.6",
         "@babel/plugin-syntax-class-properties": "^7.12.13",
         "@babel/plugin-syntax-decorators": "^7.23.3",
         "@babel/plugin-transform-modules-commonjs": "^7.23.3",
         "@babel/preset-typescript": "^7.23.3",
         "@lwc/jest-shared": "14.3.1",
         "babel-preset-jest": "^29.6.3",
-        "magic-string": "^0.30.5",
+        "magic-string": "^0.30.6",
         "semver": "^7.5.4"
     },
     "peerDependencies": {

test/src/modules/ssr/basic/__tests__/__snapshots__/basic.ssr-test.js.snap

@@ -2,7 +2,7 @@
 
 exports[`renders a basic component and saves formatted snapshot 1`] = `
 <x-basic>
-  <template shadowroot="open">
+  <template shadowrootmode="open">
     <style type="text/css">
       h1 {color: red;}
     </style>

test/src/modules/ssr/basic/__tests__/basic.ssr-test.js

@@ -18,7 +18,7 @@ it('renders a basic component and saves inline formatted snapshot', () => {
 
     expect(renderedComponent).toMatchInlineSnapshot(`
         <x-basic>
-          <template shadowroot="open">
+          <template shadowrootmode="open">
             <style type="text/css">
               h1 {color: red;}
             </style>

test/src/modules/ssr/emptyTextExpression/__tests__/__snapshots__/emptyTextExpression.ssr-test.js.snap

@@ -2,7 +2,7 @@
 
 exports[`renders a basic component with an empty text expression 1`] = `
 <ssr-empty-text-expression>
-  <template shadowroot="open">
+  <template shadowrootmode="open">
     <div>
     </div>
   </template>

test/src/modules/ssr/scopedStyle/__tests__/scopedStyle.ssr-test.js

@@ -12,7 +12,7 @@ it('renders a basic component with scoped styles', () => {
 
     expect(renderedComponent).toMatchInlineSnapshot(`
         <x-scoped-style class="__lwc_scope_token__">
-          <template shadowroot="open">
+          <template shadowrootmode="open">
             <style class="__lwc_scope_token__" type="text/css">
               h1.__lwc_scope_token__ {color: red;}
             </style>