+svelte

Author: mrginglymus

libraries/__shared__/tests/advanced-tests.test.js

@@ -20,16 +20,16 @@ import {getProp, each, weight} from "./util";
 
 
 each(() => {
-  test.describe('advanced support',  weight(2), () => {
+  test.describe('advanced support', weight(2), () => {
     test.describe('attributes and properties', () => {
       test('will pass array data as a property', async ({page}) => {
         const ce = page.locator('#ce-with-properties');
-        expect(await getProp(ce, 'arr')).toEqual(['R', 'e', 'a', 'c', 't'])
+        expect(await getProp(ce, 'arr')).toEqual(['c', 'u', 's', 't', 'o', 'm'])
       })
 
       test('will pass object data as a property', async ({page}) => {
         const ce = page.locator('#ce-with-properties');
-        expect(await getProp(ce, 'obj')).toEqual({org: "facebook", repo: "react"})
+        expect(await getProp(ce, 'obj')).toEqual({org: 'webcomponents', repo: 'custom-elements-everywhere'})
       })
 
       test("will pass object data to a camelCase-named property", async ({page}) => {

libraries/__shared__/tests/basic-tests.test.js

@@ -70,7 +70,7 @@ each(() => {
 
       test("will pass string data as either an attribute or a property", async ({page}) => {
         const ce = page.locator('#ce-with-properties');
-        expect(await getPropOrAttr(ce, 'str')).toEqual("React")
+        expect(await getPropOrAttr(ce, 'str')).toEqual("custom")
       });
     });
 

libraries/__shared__/tests/package.json

@@ -6,6 +6,7 @@
   "license": "ISC",
   "private": true,
   "scripts": {
+    "serve": "http-server harness",
     "test": "wireit"
   },
   "devDependencies": {
@@ -15,7 +16,8 @@
   "wireit": {
     "test": {
       "dependencies": [
-        "../../react:build"
+        "../../react:build",
+        "../../svelte:build"
       ],
       "files": [
         "advanced-tests.test.js",

libraries/__shared__/tests/playwright.config.js

@@ -15,7 +15,7 @@ export default defineConfig({
     },
   ],
   webServer: {
-    command: 'pnpm http-server harness',
+    command: 'pnpm serve',
     url: 'http://localhost:8080',
     reuseExistingServer: !process.env.CI,
     stdout: 'ignore',

libraries/react/src/components.jsx

@@ -66,9 +66,9 @@ export const ComponentWithProperties = () => {
   const data = {
     bool: true,
     num: 42,
-    str: 'React',
-    arr: ['R', 'e', 'a', 'c', 't'],
-    obj: {org: 'facebook', repo: 'react'},
+    str: 'custom',
+    arr: ['c', 'u', 's', 't', 'o', 'm'],
+    obj: { org: 'webcomponents', repo: 'custom-elements-everywhere' },
     camelCaseObj: {label: "passed"}
   };
   return (
@@ -90,9 +90,9 @@ export const ComponentWithUnregistered = () => {
   const data = {
     bool: true,
     num: 42,
-    str: 'React',
-    arr: ['R', 'e', 'a', 'c', 't'],
-    obj: {org: 'facebook', repo: 'react'}
+    str: 'custom',
+    arr: ['c', 'u', 's', 't', 'o', 'm'],
+    obj: { org: 'webcomponents', repo: 'custom-elements-everywhere' }
   };
   return (
     <div>

libraries/react/tests.webpack.js

@@ -5,45 +5,16 @@
   },
   "library_repo": "sveltejs/svelte",
   "devDependencies": {
-    "@babel/core": "7.28.0",
-    "@babel/plugin-transform-runtime": "7.28.0",
-    "@babel/preset-env": "7.28.0",
-    "babel-loader": "9.2.1",
-    "chai": "4.5.0",
-    "copy-webpack-plugin": "11.0.0",
-    "cross-env": "7.0.3",
-    "karma": "6.4.4",
-    "karma-chrome-launcher": "3.2.0",
-    "karma-firefox-launcher": "2.1.3",
-    "karma-sourcemap-loader": "0.4.0",
-    "karma-webpack": "5.0.1",
-    "svelte-loader": "3.2.4",
-    "webpack": "5.101.0"
+    "vite": "^7.2.2",
+    "@sveltejs/vite-plugin-svelte": "^6.2.1"
   },
   "dependencies": {
-    "svelte": "4.2.19"
+    "svelte": "^5.43.4",
+    "wc": "workspace:*"
   },
   "wireit": {
-    "test": {
-      "dependencies": [
-        "../..:karma-plugins"
-      ],
-      "files": [
-        ".babelrc",
-        "karma.conf.js",
-        "tests.webpack.js",
-        "src",
-        "meta"
-      ],
-      "output": [
-        "results"
-      ],
-      "command": "cross-env LIBRARY_NAME=svelte karma start || echo ''"
-    },
     "build": {
-      "dependencies": [
-        "test"
-      ]
+      "command": "vite build"
     }
   }
 }

libraries/svelte/.babelrc

@@ -0,0 +1,23 @@
+<script module>
+  import 'wc/ce-without-children';
+  import 'wc/ce-with-children';
+  import 'wc/ce-with-properties';
+  import 'wc/ce-with-event';
+
+  import ComponentWithoutChildren from './components/ComponentWithoutChildren.svelte';
+  import ComponentWithChildren from './components/ComponentWithChildren.svelte';
+  import ComponentWithChildrenRerender from './components/ComponentWithChildrenRerender.svelte';
+  import ComponentWithDifferentViews from './components/ComponentWithDifferentViews.svelte';
+  import ComponentWithProperties from './components/ComponentWithProperties.svelte';
+  import ComponentWithImperativeEvent from './components/ComponentWithImperativeEvent.svelte';
+  import ComponentWithDeclarativeEvent from './components/ComponentWithDeclarativeEvent.svelte';
+</script>
+
+
+<ComponentWithoutChildren/>
+<ComponentWithChildren/>
+<ComponentWithChildrenRerender/>
+<ComponentWithDifferentViews/>
+<ComponentWithProperties/>
+<ComponentWithDeclarativeEvent/>
+<ComponentWithImperativeEvent />