Skip to content

Commit 5dabd26

Browse files
mydeamydea
committed
add test command & inline styles
1 parent a781ff3 commit 5dabd26

File tree

5 files changed

+412
-138
lines changed

5 files changed

+412
-138
lines changed

‎packages/overhead-metrics/package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@
1010
"build": "tsc",
1111
"dev:collect": "ts-node-esm ./configs/dev/collect.ts",
1212
"dev:process": "ts-node-esm ./configs/dev/process.ts",
13+
"dev:run:replay": "npx chrome ./test-apps/booking-app/with-replay.html",
1314
"ci:collect": "ts-node-esm ./configs/ci/collect.ts",
1415
"ci:process": "ts-node-esm ./configs/ci/process.ts",
1516
"fix": "run-s fix:eslint fix:prettier",

‎packages/overhead-metrics/test-apps/booking-app/index.html

Lines changed: 137 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,143 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
77
<meta name="robots" content="noindex" />
88

9-
<link rel="stylesheet" href="./style.css" />
9+
<style>
10+
html,
11+
body {
12+
margin: 0;
13+
padding: 0;
14+
}
15+
16+
body {
17+
color: #4a4a4a;
18+
font-size: 1em;
19+
font-weight: 400;
20+
line-height: 1.5;
21+
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
22+
box-sizing: border-box;
23+
}
24+
25+
*,
26+
*:before,
27+
*:after {
28+
font-family: inherit;
29+
box-sizing: inherit;
30+
}
31+
32+
.header {
33+
margin-bottom: 1.5rem;
34+
padding: 3rem;
35+
}
36+
37+
.header h1 {
38+
margin: 0 0 1em 0;
39+
}
40+
41+
.search-form {
42+
margin-bottom: 1.5rem;
43+
}
44+
45+
.search-form-fields {
46+
display: flex;
47+
flex-basis: 0;
48+
flex-grow: 5;
49+
flex-shrink: 1;
50+
}
51+
52+
.result {
53+
margin-bottom: 1em;
54+
padding-bottom: 1em;
55+
border-bottom: 1px solid #dbdbdb;
56+
display: flex;
57+
}
58+
59+
.result-image {
60+
width: 350px;
61+
margin: 0 1.5em 0 0;
62+
padding: 0;
63+
}
64+
65+
.result-image img {
66+
display: block;
67+
}
68+
69+
.result-content h3 {
70+
margin-top: 0;
71+
margin-bottom: 0.5em;
72+
}
73+
74+
.tags {
75+
display: flex;
76+
gap: 0.5em;
77+
flex-wrap: wrap;
78+
margin-bottom: 1.5rem;
79+
}
80+
81+
.tag {
82+
background-color: #f5f5f5;
83+
border-radius: 4px;
84+
color: #4a4a4a;
85+
display: inline-flex;
86+
font-size: 0.75rem;
87+
line-height: 2;
88+
justify-content: center;
89+
padding-left: 0.75em;
90+
padding-right: 0.75em;
91+
white-space: nowrap;
92+
}
93+
94+
.long-text {
95+
margin-bottom: 1.5rem;
96+
}
97+
98+
[data-long-text-open],
99+
[data-long-text-close] {
100+
all: unset;
101+
font-weight: bold;
102+
cursor: pointer;
103+
}
104+
105+
:not([data-show-long]) > .long-text__long {
106+
display: none;
107+
}
108+
109+
[data-show-long] > .long-text__short {
110+
display: none;
111+
}
112+
113+
.select {
114+
}
115+
116+
.select button {
117+
font-size: 1.25em;
118+
padding: 0.25em;
119+
display: flex;
120+
width: 100%;
121+
gap: 0.25em;
122+
}
123+
124+
.select__price {
125+
margin-left: auto;
126+
display: flex;
127+
}
128+
129+
.price__amount {
130+
font-weight: bold;
131+
}
132+
133+
.options {
134+
display: flex;
135+
gap: 0.5em;
136+
}
137+
138+
.result:not([data-show-options='yes']) .options {
139+
display: none;
140+
}
141+
142+
.result[data-show-options='yes'] .select {
143+
display: none;
144+
}
145+
</style>
10146
</head>
11147

12148
<body>

‎packages/overhead-metrics/test-apps/booking-app/style.css

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

0 commit comments

Comments
 (0)