Skip to content

Commit ebd20dc

Browse files
janechujanechu
authored
chore(fast-html): use @microsoft/fast-build to build deep-merge fixture (#7390)
# Pull Request ## 📖 Description Adds the `deep-merge` test fixture to `@microsoft/fast-html` and registers it in the `build-fixtures.js` script so it is built using `@microsoft/fast-build`. This continues the incremental migration of test fixtures to the `fast-build` CLI by adding the fixture source files (`entry.html`, `templates.html`, `state.json`) and including `"deep-merge"` in the fixtures array. ## 📑 Test Plan - All existing tests pass. - The `deep-merge` fixture builds successfully via `npm run build -w @microsoft/fast-html`. ## ✅ Checklist ### General - [x] I have included a change request file using `$ npm run change` - [ ] I have added tests for my changes. - [x] I have tested my changes. - [ ] I have updated the project documentation to reflect my changes. - [x] I have read the [CONTRIBUTING](https://github.com/microsoft/fast/blob/main/CONTRIBUTING.md) documentation and followed the [standards](https://github.com/microsoft/fast/blob/main/CODE_OF_CONDUCT.md#our-standards) for this project.
1 parent 4220ac8 commit ebd20dc

File tree

6 files changed

+533
-281
lines changed

6 files changed

+533
-281
lines changed

‎change/@microsoft-fast-html-deep-merge-10831af4-0f87-48c5-bc30-f7fe72593a86.json‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
{
2+
"type": "none",
3+
"comment": "chore(fast-html): use @microsoft/fast-build to build deep-merge fixture",
4+
"packageName": "@microsoft/fast-html",
5+
"email": "7559015+janechu@users.noreply.github.com",
6+
"dependentChangeType": "none"
7+
}

‎packages/fast-html/scripts/build-fixtures.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@ import { fileURLToPath } from "node:url";
1010
const fixtures = [
1111
"attribute",
1212
"binding",
13+
"deep-merge",
1314
"event",
1415
"ref",
1516
"slotted",

‎packages/fast-html/test/fixtures/deep-merge/entry.html‎

Lines changed: 156 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,156 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Deep Merge Test Fixture</title>
6+
<style>
7+
body {
8+
font-family: system-ui, -apple-system, sans-serif;
9+
max-width: 1200px;
10+
margin: 0 auto;
11+
padding: 20px;
12+
background: #f5f5f5;
13+
}
14+
15+
h1 {
16+
color: #333;
17+
border-bottom: 2px solid #0078d4;
18+
padding-bottom: 10px;
19+
}
20+
21+
h2 {
22+
color: #555;
23+
margin-top: 30px;
24+
}
25+
26+
.container {
27+
background: white;
28+
padding: 20px;
29+
border-radius: 8px;
30+
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
31+
}
32+
33+
.stats {
34+
background: #e3f2fd;
35+
padding: 15px;
36+
border-radius: 6px;
37+
margin: 20px 0;
38+
}
39+
40+
.stats p {
41+
margin: 8px 0;
42+
}
43+
44+
.controls {
45+
background: #f5f5f5;
46+
padding: 15px;
47+
border-radius: 6px;
48+
margin: 20px 0;
49+
}
50+
51+
button {
52+
background: #0078d4;
53+
color: white;
54+
border: none;
55+
padding: 10px 16px;
56+
border-radius: 4px;
57+
cursor: pointer;
58+
margin: 5px;
59+
font-size: 14px;
60+
}
61+
62+
button:hover {
63+
background: #106ebe;
64+
}
65+
66+
button:active {
67+
background: #005a9e;
68+
}
69+
70+
.user-card {
71+
border: 1px solid #ddd;
72+
border-radius: 6px;
73+
padding: 15px;
74+
margin: 15px 0;
75+
background: #fafafa;
76+
}
77+
78+
.user-card h3 {
79+
margin-top: 0;
80+
color: #0078d4;
81+
}
82+
83+
.profile {
84+
background: white;
85+
padding: 10px;
86+
border-radius: 4px;
87+
margin: 10px 0;
88+
}
89+
90+
.profile h4 {
91+
margin-top: 0;
92+
}
93+
94+
.orders {
95+
margin-top: 15px;
96+
}
97+
98+
.order {
99+
background: white;
100+
padding: 10px;
101+
border-radius: 4px;
102+
margin: 10px 0;
103+
border-left: 3px solid #0078d4;
104+
}
105+
106+
.items {
107+
list-style: none;
108+
padding: 0;
109+
margin: 10px 0;
110+
}
111+
112+
.item {
113+
padding: 8px;
114+
margin: 5px 0;
115+
background: #f9f9f9;
116+
border-radius: 4px;
117+
}
118+
119+
.stock {
120+
margin-left: 10px;
121+
font-size: 12px;
122+
}
123+
124+
.tags {
125+
margin-top: 5px;
126+
font-size: 12px;
127+
}
128+
129+
.tag {
130+
background: #0078d4;
131+
color: white;
132+
padding: 2px 8px;
133+
border-radius: 3px;
134+
margin-right: 5px;
135+
display: inline-block;
136+
}
137+
138+
.metadata {
139+
margin-top: 5px;
140+
color: #666;
141+
}
142+
143+
strong {
144+
color: #333;
145+
}
146+
147+
em {
148+
color: #999;
149+
}
150+
</style>
151+
</head>
152+
<body>
153+
<deep-merge-test-element ?show-details="{{showDetails}}"></deep-merge-test-element>
154+
<script type="module" src="./main.ts"></script>
155+
</body>
156+
</html>

0 commit comments

Comments
 (0)