Skip to content

Commit f471c9d

Browse files
mrginglymusmrginglymus
committed
+vue
1 parent d4832a0 commit f471c9d

23 files changed

+261
-738
lines changed

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

Lines changed: 24 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@
1616
*/
1717

1818
import {expect, test} from '@playwright/test';
19-
import { getPropOrAttr, weight} from './util';
19+
import {getPropOrAttr, weight} from './util';
2020

2121

2222
test.beforeEach(async ({page}) => {
@@ -28,36 +28,37 @@ test.describe("basic support", weight(3), () => {
2828
test("can display a Custom Element with no children", async ({page}) => {
2929
await expect(page.locator('#ce-without-children')).toBeAttached();
3030
});
31+
})
3132

32-
test.describe('with children', () => {
33-
const expectHasChildren = async (wc) => {
34-
await expect(wc.locator('h1')).toHaveText('Test h1');
35-
await expect(wc.locator('p')).toHaveText('Test p');
36-
}
33+
test.describe('with children', () => {
34+
const expectHasChildren = async (wc) => {
35+
await expect(wc.locator('h1')).toHaveText('Test h1');
36+
await expect(wc.locator('p')).toHaveText('Test p');
37+
}
3738

38-
test("can display a Custom Element with children in a Shadow Root", async ({page}) => {
39-
await expectHasChildren(page.locator('#ce-with-children'))
40-
})
39+
test("can display a Custom Element with children in a Shadow Root", async ({page}) => {
40+
await expectHasChildren(page.locator('#ce-with-children'))
41+
})
4142

42-
test("can display a Custom Element with children in a Shadow Root and pass in Light DOM children", async ({page}) => {
43-
const ce = page.locator('#ce-with-children-renderer');
44-
await expectHasChildren(ce);
45-
await expect(ce).toHaveText(/2/);
46-
})
43+
test("can display a Custom Element with children in a Shadow Root and pass in Light DOM children", async ({page}) => {
44+
const ce = page.locator('#ce-with-children-rerender');
45+
await expectHasChildren(ce);
46+
await expect(ce).toHaveText(/2/);
47+
})
4748

48-
test('can display a Custom Element with children in the Shadow DOM and handle hiding and showing the element', async ({page}) => {
49-
const ce = page.locator('#ce-with-different-views')
50-
const toggle = page.getByRole('button', {name: /toggle views/i});
49+
test('can display a Custom Element with children in the Shadow DOM and handle hiding and showing the element', async ({page}) => {
50+
const ce = page.locator('#ce-with-different-views')
51+
const toggle = page.getByRole('button', {name: /toggle views/i});
5152

52-
await expectHasChildren(ce);
53+
await expectHasChildren(ce);
5354

54-
await toggle.click();
55-
await expect(ce).toHaveText(/dummy view/i);
55+
await toggle.click();
56+
await expect(ce).toHaveText(/dummy view/i);
5657

57-
await toggle.click();
58-
await expectHasChildren(ce);
59-
})
58+
await toggle.click();
59+
await expectHasChildren(ce);
6060
})
61+
6162
});
6263

6364
test.describe('attributes and properties', () => {

‎libraries/hybrids/src/components.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@ define({
4141
count: 1,
4242
render: {
4343
value: (host) => html`
44-
<ce-with-children id="ce-with-children-renderer">${host.count}</ce-with-children>
44+
<ce-with-children id="ce-with-children-rerender">${host.count}</ce-with-children>
4545
`,
4646
connect(host, key, invalidate) {
4747
host.count += 1;

‎libraries/react/src/components.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@ export const ComponentWithChildrenRerender = () => {
4343

4444
return (
4545
<div>
46-
<ce-with-children id="ce-with-children-renderer">{count}</ce-with-children>
46+
<ce-with-children id="ce-with-children-rerender">{count}</ce-with-children>
4747
</div>
4848
);
4949
}

‎libraries/svelte/src/components/ComponentWithChildrenRerender.svelte‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<ce-with-children id="ce-with-children-renderer">{count}</ce-with-children>
1+
<ce-with-children id="ce-with-children-rerender">{count}</ce-with-children>
22

33
<script>
44
import { onMount } from 'svelte';

‎libraries/vue/index.html‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<meta name="viewport" content="width=device-width, initial-scale=1" />
5+
6+
<meta charset="utf-8" />
7+
</head>
8+
9+
<body>
10+
<div id="harness"></div>
11+
<script type="module" src="./src/index.js"></script>
12+
</body>
13+
</html>

‎libraries/vue/karma.conf.js‎

Lines changed: 0 additions & 87 deletions
This file was deleted.

‎libraries/vue/package.json‎

Lines changed: 24 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,39 +1,44 @@
11
{
22
"scripts": {
3+
"compile": "wireit",
34
"test": "wireit",
45
"build": "wireit"
56
},
7+
"library_package": "vue",
68
"library_repo": "vuejs/vue",
79
"devDependencies": {
8-
"babel-core": "6.26.3",
9-
"babel-loader": "9.2.1",
10-
"chai": "4.5.0",
11-
"cross-env": "7.0.3",
12-
"karma": "6.4.4",
13-
"karma-chrome-launcher": "3.2.0",
14-
"karma-firefox-launcher": "2.1.3",
15-
"karma-sourcemap-loader": "0.4.0",
16-
"karma-webpack": "5.0.1",
17-
"webpack": "5.101.0"
10+
"vite": "^7.2.2",
11+
"@vitejs/plugin-vue": "^6.0.1"
1812
},
1913
"dependencies": {
20-
"vue": "^3.2.38"
14+
"vue": "^3.2.38",
15+
"wc": "workspace:*"
2116
},
2217
"wireit": {
23-
"test": {
24-
"dependencies": [
25-
"../..:karma-plugins"
26-
],
18+
"compile": {
2719
"files": [
28-
"karma.conf.js",
29-
"tests.webpack.js",
20+
"index.html",
3021
"src",
31-
"meta"
22+
"vite.config.js"
23+
],
24+
"output": [
25+
"dist"
26+
],
27+
"command": "vite build"
28+
},
29+
"test": {
30+
"files": ["dist"],
31+
"dependencies": [
32+
"compile",
33+
"../__shared__/tests:test-files"
3234
],
35+
"command": "pnpm run --filter tests test",
3336
"output": [
3437
"results"
3538
],
36-
"command": "cross-env LIBRARY_NAME=vue karma start || echo ''"
39+
"env": {
40+
"CEE_WORKSPACE": "vue"
41+
}
3742
},
3843
"build": {
3944
"dependencies": [

‎libraries/vue/src/App.vue‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<script setup>
2+
import ComponentWithChildren from "./components/ComponentWithChildren.vue";
3+
import ComponentWithoutChildren from "./components/ComponentWithoutChildren.vue";
4+
import ComponentWithChildrenRerender from "./components/ComponentWithChildrenRerender.vue";
5+
import ComponentWithDifferentViews from "./components/ComponentWithDifferentViews.vue";
6+
import ComponentWithProperties from "./components/ComponentWithProperties.vue";
7+
import ComponentWithDeclarativeEvent from "./components/ComponentWithDeclarativeEvent.vue";
8+
import ComponentWithImperativeEvent from "./components/ComponentWithImperativeEvent.vue";
9+
</script>
10+
11+
<template>
12+
<ComponentWithoutChildren/>
13+
<ComponentWithChildren/>
14+
<ComponentWithChildrenRerender/>
15+
<ComponentWithDifferentViews/>
16+
<ComponentWithProperties/>
17+
<ComponentWithDeclarativeEvent/>
18+
<ComponentWithImperativeEvent/>
19+
</template>

0 commit comments

Comments
 (0)