@epa-wg/custom-element-dist 0.0.36 → 0.0.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/.ai/mcp/mcp.json +0 -0
  2. package/.yarn/install-state.gz +0 -0
  3. package/README.md +5 -5
  4. package/package.json +2 -2
  5. package/src/custom-element/ide/web-types-dce.json +1 -1
  6. package/src/custom-element/ide/web-types-xsl.json +1 -1
  7. package/src/material/theme/colors-native.html +32 -1
  8. package/src/mocks/versions.mock.ts +1 -1
  9. package/src/stories/__screenshots__/http-request.test.ts/http-request-url-change-1.png +0 -0
  10. package/storybook-static/assets/{Color-F6OSRLHC-D1CN2nnQ.js → Color-F6OSRLHC-FZZzFn7T.js} +1 -1
  11. package/storybook-static/assets/{Configure-BD0b2x9E.js → Configure-DyfktOJO.js} +1 -1
  12. package/storybook-static/assets/{DocsRenderer-CFRXHY34-VjrP5Ir6.js → DocsRenderer-CFRXHY34-5isVpCzj.js} +2 -2
  13. package/storybook-static/assets/{handlers-B8a2v6Dv.js → handlers-B7UMnC7v.js} +1 -1
  14. package/storybook-static/assets/{http-request.stories-Boz_yWek.js → http-request.stories-WIldq1MC.js} +1 -1
  15. package/storybook-static/assets/{iframe-BN389ZL5.js → iframe-CBHPj1E5.js} +2 -2
  16. package/storybook-static/assets/{index-C4PGem3Z.js → index-BL0FQnAE.js} +3 -3
  17. package/storybook-static/assets/{index-PzQAcTTK.js → index-CzwPLrca.js} +1 -1
  18. package/storybook-static/assets/{preview-idY559eZ.js → preview-BG24UPL5.js} +2 -2
  19. package/storybook-static/assets/{preview-DXd5xnQg.js → preview-C1KnQPMW.js} +1 -1
  20. package/storybook-static/iframe.html +1 -1
  21. package/storybook-static/project.json +1 -1
  22. package/coverage/base.css +0 -224
  23. package/coverage/block-navigation.js +0 -87
  24. package/coverage/coverage-final.json +0 -12
  25. package/coverage/favicon.png +0 -0
  26. package/coverage/index.html +0 -176
  27. package/coverage/prettify.css +0 -1
  28. package/coverage/prettify.js +0 -2
  29. package/coverage/sort-arrow-sprite.png +0 -0
  30. package/coverage/sorter.js +0 -210
  31. package/coverage/src/coverage.svg +0 -10
  32. package/coverage/src/custom-element/coverage.svg +0 -10
  33. package/coverage/src/custom-element/custom-element.js/coverage.svg +0 -10
  34. package/coverage/src/custom-element/custom-element.js.html +0 -3043
  35. package/coverage/src/custom-element/http-request.js/coverage.svg +0 -10
  36. package/coverage/src/custom-element/http-request.js.html +0 -373
  37. package/coverage/src/custom-element/index.html +0 -176
  38. package/coverage/src/custom-element/local-storage.js/coverage.svg +0 -10
  39. package/coverage/src/custom-element/local-storage.js.html +0 -361
  40. package/coverage/src/custom-element/location-element.js/coverage.svg +0 -10
  41. package/coverage/src/custom-element/location-element.js.html +0 -412
  42. package/coverage/src/custom-element/module-url.js/coverage.svg +0 -10
  43. package/coverage/src/custom-element/module-url.js.html +0 -187
  44. package/coverage/src/index.html +0 -116
  45. package/coverage/src/material/theme/colors.js/coverage.svg +0 -10
  46. package/coverage/src/material/theme/colors.js.html +0 -217
  47. package/coverage/src/material/theme/coverage.svg +0 -10
  48. package/coverage/src/material/theme/index.html +0 -116
  49. package/coverage/src/mocks/coverage.svg +0 -10
  50. package/coverage/src/mocks/handlers.ts/coverage.svg +0 -10
  51. package/coverage/src/mocks/handlers.ts.html +0 -196
  52. package/coverage/src/mocks/index.html +0 -116
  53. package/coverage/src/stories/coverage.svg +0 -10
  54. package/coverage/src/stories/frame.canvas.ts/coverage.svg +0 -10
  55. package/coverage/src/stories/frame.canvas.ts.html +0 -175
  56. package/coverage/src/stories/http-request.stories.ts/coverage.svg +0 -10
  57. package/coverage/src/stories/http-request.stories.ts.html +0 -820
  58. package/coverage/src/stories/index.html +0 -146
  59. package/coverage/src/stories/testStoryBook.ts/coverage.svg +0 -10
  60. package/coverage/src/stories/testStoryBook.ts.html +0 -169
  61. package/coverage/src/sum.ts/coverage.svg +0 -10
  62. package/coverage/src/sum.ts.html +0 -94
package/coverage/src/stories/http-request.stories.ts.html DELETED
@@ -1,820 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for src/stories/http-request.stories.ts</title>
7
- <meta charset="utf-8" />
8
- <link rel="stylesheet" href="../../prettify.css" />
9
- <link rel="stylesheet" href="../../base.css" />
10
- <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
11
- <meta name="viewport" content="width=device-width, initial-scale=1" />
12
- <style type='text/css'>
13
- .coverage-summary .sorter {
14
- background-image: url(../../sort-arrow-sprite.png);
15
- }
16
- </style>
17
- </head>
18
-
19
- <body>
20
- <div class='wrapper'>
21
- <div class='pad1'>
22
- <h1><a href="../../index.html">All files</a> / <a href="index.html">src/stories</a> http-request.stories.ts</h1>
23
- <div class='clearfix'>
24
-
25
- <div class='fl pad1y space-right2'>
26
- <span class="strong">100% </span>
27
- <span class="quiet">Statements</span>
28
- <span class='fraction'>71/71</span>
29
- </div>
30
-
31
-
32
- <div class='fl pad1y space-right2'>
33
- <span class="strong">100% </span>
34
- <span class="quiet">Branches</span>
35
- <span class='fraction'>2/2</span>
36
- </div>
37
-
38
-
39
- <div class='fl pad1y space-right2'>
40
- <span class="strong">100% </span>
41
- <span class="quiet">Functions</span>
42
- <span class='fraction'>16/16</span>
43
- </div>
44
-
45
-
46
- <div class='fl pad1y space-right2'>
47
- <span class="strong">100% </span>
48
- <span class="quiet">Lines</span>
49
- <span class='fraction'>66/66</span>
50
- </div>
51
-
52
-
53
- </div>
54
- <p class="quiet">
55
- Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
- </p>
57
- <template id="filterTemplate">
58
- <div class="quiet">
59
- Filter:
60
- <input type="search" id="fileSearch">
61
- </div>
62
- </template>
63
- </div>
64
- <div class='status-line high'></div>
65
- <pre><table class="coverage">
66
- <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
- <a name='L2'></a><a href='#L2'>2</a>
68
- <a name='L3'></a><a href='#L3'>3</a>
69
- <a name='L4'></a><a href='#L4'>4</a>
70
- <a name='L5'></a><a href='#L5'>5</a>
71
- <a name='L6'></a><a href='#L6'>6</a>
72
- <a name='L7'></a><a href='#L7'>7</a>
73
- <a name='L8'></a><a href='#L8'>8</a>
74
- <a name='L9'></a><a href='#L9'>9</a>
75
- <a name='L10'></a><a href='#L10'>10</a>
76
- <a name='L11'></a><a href='#L11'>11</a>
77
- <a name='L12'></a><a href='#L12'>12</a>
78
- <a name='L13'></a><a href='#L13'>13</a>
79
- <a name='L14'></a><a href='#L14'>14</a>
80
- <a name='L15'></a><a href='#L15'>15</a>
81
- <a name='L16'></a><a href='#L16'>16</a>
82
- <a name='L17'></a><a href='#L17'>17</a>
83
- <a name='L18'></a><a href='#L18'>18</a>
84
- <a name='L19'></a><a href='#L19'>19</a>
85
- <a name='L20'></a><a href='#L20'>20</a>
86
- <a name='L21'></a><a href='#L21'>21</a>
87
- <a name='L22'></a><a href='#L22'>22</a>
88
- <a name='L23'></a><a href='#L23'>23</a>
89
- <a name='L24'></a><a href='#L24'>24</a>
90
- <a name='L25'></a><a href='#L25'>25</a>
91
- <a name='L26'></a><a href='#L26'>26</a>
92
- <a name='L27'></a><a href='#L27'>27</a>
93
- <a name='L28'></a><a href='#L28'>28</a>
94
- <a name='L29'></a><a href='#L29'>29</a>
95
- <a name='L30'></a><a href='#L30'>30</a>
96
- <a name='L31'></a><a href='#L31'>31</a>
97
- <a name='L32'></a><a href='#L32'>32</a>
98
- <a name='L33'></a><a href='#L33'>33</a>
99
- <a name='L34'></a><a href='#L34'>34</a>
100
- <a name='L35'></a><a href='#L35'>35</a>
101
- <a name='L36'></a><a href='#L36'>36</a>
102
- <a name='L37'></a><a href='#L37'>37</a>
103
- <a name='L38'></a><a href='#L38'>38</a>
104
- <a name='L39'></a><a href='#L39'>39</a>
105
- <a name='L40'></a><a href='#L40'>40</a>
106
- <a name='L41'></a><a href='#L41'>41</a>
107
- <a name='L42'></a><a href='#L42'>42</a>
108
- <a name='L43'></a><a href='#L43'>43</a>
109
- <a name='L44'></a><a href='#L44'>44</a>
110
- <a name='L45'></a><a href='#L45'>45</a>
111
- <a name='L46'></a><a href='#L46'>46</a>
112
- <a name='L47'></a><a href='#L47'>47</a>
113
- <a name='L48'></a><a href='#L48'>48</a>
114
- <a name='L49'></a><a href='#L49'>49</a>
115
- <a name='L50'></a><a href='#L50'>50</a>
116
- <a name='L51'></a><a href='#L51'>51</a>
117
- <a name='L52'></a><a href='#L52'>52</a>
118
- <a name='L53'></a><a href='#L53'>53</a>
119
- <a name='L54'></a><a href='#L54'>54</a>
120
- <a name='L55'></a><a href='#L55'>55</a>
121
- <a name='L56'></a><a href='#L56'>56</a>
122
- <a name='L57'></a><a href='#L57'>57</a>
123
- <a name='L58'></a><a href='#L58'>58</a>
124
- <a name='L59'></a><a href='#L59'>59</a>
125
- <a name='L60'></a><a href='#L60'>60</a>
126
- <a name='L61'></a><a href='#L61'>61</a>
127
- <a name='L62'></a><a href='#L62'>62</a>
128
- <a name='L63'></a><a href='#L63'>63</a>
129
- <a name='L64'></a><a href='#L64'>64</a>
130
- <a name='L65'></a><a href='#L65'>65</a>
131
- <a name='L66'></a><a href='#L66'>66</a>
132
- <a name='L67'></a><a href='#L67'>67</a>
133
- <a name='L68'></a><a href='#L68'>68</a>
134
- <a name='L69'></a><a href='#L69'>69</a>
135
- <a name='L70'></a><a href='#L70'>70</a>
136
- <a name='L71'></a><a href='#L71'>71</a>
137
- <a name='L72'></a><a href='#L72'>72</a>
138
- <a name='L73'></a><a href='#L73'>73</a>
139
- <a name='L74'></a><a href='#L74'>74</a>
140
- <a name='L75'></a><a href='#L75'>75</a>
141
- <a name='L76'></a><a href='#L76'>76</a>
142
- <a name='L77'></a><a href='#L77'>77</a>
143
- <a name='L78'></a><a href='#L78'>78</a>
144
- <a name='L79'></a><a href='#L79'>79</a>
145
- <a name='L80'></a><a href='#L80'>80</a>
146
- <a name='L81'></a><a href='#L81'>81</a>
147
- <a name='L82'></a><a href='#L82'>82</a>
148
- <a name='L83'></a><a href='#L83'>83</a>
149
- <a name='L84'></a><a href='#L84'>84</a>
150
- <a name='L85'></a><a href='#L85'>85</a>
151
- <a name='L86'></a><a href='#L86'>86</a>
152
- <a name='L87'></a><a href='#L87'>87</a>
153
- <a name='L88'></a><a href='#L88'>88</a>
154
- <a name='L89'></a><a href='#L89'>89</a>
155
- <a name='L90'></a><a href='#L90'>90</a>
156
- <a name='L91'></a><a href='#L91'>91</a>
157
- <a name='L92'></a><a href='#L92'>92</a>
158
- <a name='L93'></a><a href='#L93'>93</a>
159
- <a name='L94'></a><a href='#L94'>94</a>
160
- <a name='L95'></a><a href='#L95'>95</a>
161
- <a name='L96'></a><a href='#L96'>96</a>
162
- <a name='L97'></a><a href='#L97'>97</a>
163
- <a name='L98'></a><a href='#L98'>98</a>
164
- <a name='L99'></a><a href='#L99'>99</a>
165
- <a name='L100'></a><a href='#L100'>100</a>
166
- <a name='L101'></a><a href='#L101'>101</a>
167
- <a name='L102'></a><a href='#L102'>102</a>
168
- <a name='L103'></a><a href='#L103'>103</a>
169
- <a name='L104'></a><a href='#L104'>104</a>
170
- <a name='L105'></a><a href='#L105'>105</a>
171
- <a name='L106'></a><a href='#L106'>106</a>
172
- <a name='L107'></a><a href='#L107'>107</a>
173
- <a name='L108'></a><a href='#L108'>108</a>
174
- <a name='L109'></a><a href='#L109'>109</a>
175
- <a name='L110'></a><a href='#L110'>110</a>
176
- <a name='L111'></a><a href='#L111'>111</a>
177
- <a name='L112'></a><a href='#L112'>112</a>
178
- <a name='L113'></a><a href='#L113'>113</a>
179
- <a name='L114'></a><a href='#L114'>114</a>
180
- <a name='L115'></a><a href='#L115'>115</a>
181
- <a name='L116'></a><a href='#L116'>116</a>
182
- <a name='L117'></a><a href='#L117'>117</a>
183
- <a name='L118'></a><a href='#L118'>118</a>
184
- <a name='L119'></a><a href='#L119'>119</a>
185
- <a name='L120'></a><a href='#L120'>120</a>
186
- <a name='L121'></a><a href='#L121'>121</a>
187
- <a name='L122'></a><a href='#L122'>122</a>
188
- <a name='L123'></a><a href='#L123'>123</a>
189
- <a name='L124'></a><a href='#L124'>124</a>
190
- <a name='L125'></a><a href='#L125'>125</a>
191
- <a name='L126'></a><a href='#L126'>126</a>
192
- <a name='L127'></a><a href='#L127'>127</a>
193
- <a name='L128'></a><a href='#L128'>128</a>
194
- <a name='L129'></a><a href='#L129'>129</a>
195
- <a name='L130'></a><a href='#L130'>130</a>
196
- <a name='L131'></a><a href='#L131'>131</a>
197
- <a name='L132'></a><a href='#L132'>132</a>
198
- <a name='L133'></a><a href='#L133'>133</a>
199
- <a name='L134'></a><a href='#L134'>134</a>
200
- <a name='L135'></a><a href='#L135'>135</a>
201
- <a name='L136'></a><a href='#L136'>136</a>
202
- <a name='L137'></a><a href='#L137'>137</a>
203
- <a name='L138'></a><a href='#L138'>138</a>
204
- <a name='L139'></a><a href='#L139'>139</a>
205
- <a name='L140'></a><a href='#L140'>140</a>
206
- <a name='L141'></a><a href='#L141'>141</a>
207
- <a name='L142'></a><a href='#L142'>142</a>
208
- <a name='L143'></a><a href='#L143'>143</a>
209
- <a name='L144'></a><a href='#L144'>144</a>
210
- <a name='L145'></a><a href='#L145'>145</a>
211
- <a name='L146'></a><a href='#L146'>146</a>
212
- <a name='L147'></a><a href='#L147'>147</a>
213
- <a name='L148'></a><a href='#L148'>148</a>
214
- <a name='L149'></a><a href='#L149'>149</a>
215
- <a name='L150'></a><a href='#L150'>150</a>
216
- <a name='L151'></a><a href='#L151'>151</a>
217
- <a name='L152'></a><a href='#L152'>152</a>
218
- <a name='L153'></a><a href='#L153'>153</a>
219
- <a name='L154'></a><a href='#L154'>154</a>
220
- <a name='L155'></a><a href='#L155'>155</a>
221
- <a name='L156'></a><a href='#L156'>156</a>
222
- <a name='L157'></a><a href='#L157'>157</a>
223
- <a name='L158'></a><a href='#L158'>158</a>
224
- <a name='L159'></a><a href='#L159'>159</a>
225
- <a name='L160'></a><a href='#L160'>160</a>
226
- <a name='L161'></a><a href='#L161'>161</a>
227
- <a name='L162'></a><a href='#L162'>162</a>
228
- <a name='L163'></a><a href='#L163'>163</a>
229
- <a name='L164'></a><a href='#L164'>164</a>
230
- <a name='L165'></a><a href='#L165'>165</a>
231
- <a name='L166'></a><a href='#L166'>166</a>
232
- <a name='L167'></a><a href='#L167'>167</a>
233
- <a name='L168'></a><a href='#L168'>168</a>
234
- <a name='L169'></a><a href='#L169'>169</a>
235
- <a name='L170'></a><a href='#L170'>170</a>
236
- <a name='L171'></a><a href='#L171'>171</a>
237
- <a name='L172'></a><a href='#L172'>172</a>
238
- <a name='L173'></a><a href='#L173'>173</a>
239
- <a name='L174'></a><a href='#L174'>174</a>
240
- <a name='L175'></a><a href='#L175'>175</a>
241
- <a name='L176'></a><a href='#L176'>176</a>
242
- <a name='L177'></a><a href='#L177'>177</a>
243
- <a name='L178'></a><a href='#L178'>178</a>
244
- <a name='L179'></a><a href='#L179'>179</a>
245
- <a name='L180'></a><a href='#L180'>180</a>
246
- <a name='L181'></a><a href='#L181'>181</a>
247
- <a name='L182'></a><a href='#L182'>182</a>
248
- <a name='L183'></a><a href='#L183'>183</a>
249
- <a name='L184'></a><a href='#L184'>184</a>
250
- <a name='L185'></a><a href='#L185'>185</a>
251
- <a name='L186'></a><a href='#L186'>186</a>
252
- <a name='L187'></a><a href='#L187'>187</a>
253
- <a name='L188'></a><a href='#L188'>188</a>
254
- <a name='L189'></a><a href='#L189'>189</a>
255
- <a name='L190'></a><a href='#L190'>190</a>
256
- <a name='L191'></a><a href='#L191'>191</a>
257
- <a name='L192'></a><a href='#L192'>192</a>
258
- <a name='L193'></a><a href='#L193'>193</a>
259
- <a name='L194'></a><a href='#L194'>194</a>
260
- <a name='L195'></a><a href='#L195'>195</a>
261
- <a name='L196'></a><a href='#L196'>196</a>
262
- <a name='L197'></a><a href='#L197'>197</a>
263
- <a name='L198'></a><a href='#L198'>198</a>
264
- <a name='L199'></a><a href='#L199'>199</a>
265
- <a name='L200'></a><a href='#L200'>200</a>
266
- <a name='L201'></a><a href='#L201'>201</a>
267
- <a name='L202'></a><a href='#L202'>202</a>
268
- <a name='L203'></a><a href='#L203'>203</a>
269
- <a name='L204'></a><a href='#L204'>204</a>
270
- <a name='L205'></a><a href='#L205'>205</a>
271
- <a name='L206'></a><a href='#L206'>206</a>
272
- <a name='L207'></a><a href='#L207'>207</a>
273
- <a name='L208'></a><a href='#L208'>208</a>
274
- <a name='L209'></a><a href='#L209'>209</a>
275
- <a name='L210'></a><a href='#L210'>210</a>
276
- <a name='L211'></a><a href='#L211'>211</a>
277
- <a name='L212'></a><a href='#L212'>212</a>
278
- <a name='L213'></a><a href='#L213'>213</a>
279
- <a name='L214'></a><a href='#L214'>214</a>
280
- <a name='L215'></a><a href='#L215'>215</a>
281
- <a name='L216'></a><a href='#L216'>216</a>
282
- <a name='L217'></a><a href='#L217'>217</a>
283
- <a name='L218'></a><a href='#L218'>218</a>
284
- <a name='L219'></a><a href='#L219'>219</a>
285
- <a name='L220'></a><a href='#L220'>220</a>
286
- <a name='L221'></a><a href='#L221'>221</a>
287
- <a name='L222'></a><a href='#L222'>222</a>
288
- <a name='L223'></a><a href='#L223'>223</a>
289
- <a name='L224'></a><a href='#L224'>224</a>
290
- <a name='L225'></a><a href='#L225'>225</a>
291
- <a name='L226'></a><a href='#L226'>226</a>
292
- <a name='L227'></a><a href='#L227'>227</a>
293
- <a name='L228'></a><a href='#L228'>228</a>
294
- <a name='L229'></a><a href='#L229'>229</a>
295
- <a name='L230'></a><a href='#L230'>230</a>
296
- <a name='L231'></a><a href='#L231'>231</a>
297
- <a name='L232'></a><a href='#L232'>232</a>
298
- <a name='L233'></a><a href='#L233'>233</a>
299
- <a name='L234'></a><a href='#L234'>234</a>
300
- <a name='L235'></a><a href='#L235'>235</a>
301
- <a name='L236'></a><a href='#L236'>236</a>
302
- <a name='L237'></a><a href='#L237'>237</a>
303
- <a name='L238'></a><a href='#L238'>238</a>
304
- <a name='L239'></a><a href='#L239'>239</a>
305
- <a name='L240'></a><a href='#L240'>240</a>
306
- <a name='L241'></a><a href='#L241'>241</a>
307
- <a name='L242'></a><a href='#L242'>242</a>
308
- <a name='L243'></a><a href='#L243'>243</a>
309
- <a name='L244'></a><a href='#L244'>244</a>
310
- <a name='L245'></a><a href='#L245'>245</a>
311
- <a name='L246'></a><a href='#L246'>246</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
312
- <span class="cline-any cline-neutral">&nbsp;</span>
313
- <span class="cline-any cline-neutral">&nbsp;</span>
314
- <span class="cline-any cline-neutral">&nbsp;</span>
315
- <span class="cline-any cline-neutral">&nbsp;</span>
316
- <span class="cline-any cline-neutral">&nbsp;</span>
317
- <span class="cline-any cline-neutral">&nbsp;</span>
318
- <span class="cline-any cline-neutral">&nbsp;</span>
319
- <span class="cline-any cline-neutral">&nbsp;</span>
320
- <span class="cline-any cline-neutral">&nbsp;</span>
321
- <span class="cline-any cline-neutral">&nbsp;</span>
322
- <span class="cline-any cline-yes">1x</span>
323
- <span class="cline-any cline-neutral">&nbsp;</span>
324
- <span class="cline-any cline-neutral">&nbsp;</span>
325
- <span class="cline-any cline-neutral">&nbsp;</span>
326
- <span class="cline-any cline-neutral">&nbsp;</span>
327
- <span class="cline-any cline-yes">6x</span>
328
- <span class="cline-any cline-neutral">&nbsp;</span>
329
- <span class="cline-any cline-neutral">&nbsp;</span>
330
- <span class="cline-any cline-neutral">&nbsp;</span>
331
- <span class="cline-any cline-yes">4x</span>
332
- <span class="cline-any cline-neutral">&nbsp;</span>
333
- <span class="cline-any cline-neutral">&nbsp;</span>
334
- <span class="cline-any cline-neutral">&nbsp;</span>
335
- <span class="cline-any cline-neutral">&nbsp;</span>
336
- <span class="cline-any cline-neutral">&nbsp;</span>
337
- <span class="cline-any cline-neutral">&nbsp;</span>
338
- <span class="cline-any cline-neutral">&nbsp;</span>
339
- <span class="cline-any cline-neutral">&nbsp;</span>
340
- <span class="cline-any cline-neutral">&nbsp;</span>
341
- <span class="cline-any cline-neutral">&nbsp;</span>
342
- <span class="cline-any cline-neutral">&nbsp;</span>
343
- <span class="cline-any cline-neutral">&nbsp;</span>
344
- <span class="cline-any cline-neutral">&nbsp;</span>
345
- <span class="cline-any cline-neutral">&nbsp;</span>
346
- <span class="cline-any cline-neutral">&nbsp;</span>
347
- <span class="cline-any cline-neutral">&nbsp;</span>
348
- <span class="cline-any cline-neutral">&nbsp;</span>
349
- <span class="cline-any cline-neutral">&nbsp;</span>
350
- <span class="cline-any cline-neutral">&nbsp;</span>
351
- <span class="cline-any cline-neutral">&nbsp;</span>
352
- <span class="cline-any cline-neutral">&nbsp;</span>
353
- <span class="cline-any cline-neutral">&nbsp;</span>
354
- <span class="cline-any cline-neutral">&nbsp;</span>
355
- <span class="cline-any cline-neutral">&nbsp;</span>
356
- <span class="cline-any cline-neutral">&nbsp;</span>
357
- <span class="cline-any cline-neutral">&nbsp;</span>
358
- <span class="cline-any cline-neutral">&nbsp;</span>
359
- <span class="cline-any cline-neutral">&nbsp;</span>
360
- <span class="cline-any cline-neutral">&nbsp;</span>
361
- <span class="cline-any cline-neutral">&nbsp;</span>
362
- <span class="cline-any cline-neutral">&nbsp;</span>
363
- <span class="cline-any cline-neutral">&nbsp;</span>
364
- <span class="cline-any cline-neutral">&nbsp;</span>
365
- <span class="cline-any cline-neutral">&nbsp;</span>
366
- <span class="cline-any cline-neutral">&nbsp;</span>
367
- <span class="cline-any cline-neutral">&nbsp;</span>
368
- <span class="cline-any cline-neutral">&nbsp;</span>
369
- <span class="cline-any cline-neutral">&nbsp;</span>
370
- <span class="cline-any cline-neutral">&nbsp;</span>
371
- <span class="cline-any cline-neutral">&nbsp;</span>
372
- <span class="cline-any cline-neutral">&nbsp;</span>
373
- <span class="cline-any cline-neutral">&nbsp;</span>
374
- <span class="cline-any cline-neutral">&nbsp;</span>
375
- <span class="cline-any cline-neutral">&nbsp;</span>
376
- <span class="cline-any cline-neutral">&nbsp;</span>
377
- <span class="cline-any cline-neutral">&nbsp;</span>
378
- <span class="cline-any cline-yes">1x</span>
379
- <span class="cline-any cline-yes">4x</span>
380
- <span class="cline-any cline-neutral">&nbsp;</span>
381
- <span class="cline-any cline-neutral">&nbsp;</span>
382
- <span class="cline-any cline-neutral">&nbsp;</span>
383
- <span class="cline-any cline-yes">5x</span>
384
- <span class="cline-any cline-yes">5x</span>
385
- <span class="cline-any cline-neutral">&nbsp;</span>
386
- <span class="cline-any cline-neutral">&nbsp;</span>
387
- <span class="cline-any cline-yes">5x</span>
388
- <span class="cline-any cline-yes">5x</span>
389
- <span class="cline-any cline-neutral">&nbsp;</span>
390
- <span class="cline-any cline-neutral">&nbsp;</span>
391
- <span class="cline-any cline-neutral">&nbsp;</span>
392
- <span class="cline-any cline-neutral">&nbsp;</span>
393
- <span class="cline-any cline-neutral">&nbsp;</span>
394
- <span class="cline-any cline-neutral">&nbsp;</span>
395
- <span class="cline-any cline-neutral">&nbsp;</span>
396
- <span class="cline-any cline-neutral">&nbsp;</span>
397
- <span class="cline-any cline-yes">1x</span>
398
- <span class="cline-any cline-neutral">&nbsp;</span>
399
- <span class="cline-any cline-neutral">&nbsp;</span>
400
- <span class="cline-any cline-yes">1x</span>
401
- <span class="cline-any cline-yes">1x</span>
402
- <span class="cline-any cline-yes">1x</span>
403
- <span class="cline-any cline-yes">1x</span>
404
- <span class="cline-any cline-neutral">&nbsp;</span>
405
- <span class="cline-any cline-neutral">&nbsp;</span>
406
- <span class="cline-any cline-neutral">&nbsp;</span>
407
- <span class="cline-any cline-neutral">&nbsp;</span>
408
- <span class="cline-any cline-neutral">&nbsp;</span>
409
- <span class="cline-any cline-yes">1x</span>
410
- <span class="cline-any cline-neutral">&nbsp;</span>
411
- <span class="cline-any cline-neutral">&nbsp;</span>
412
- <span class="cline-any cline-yes">1x</span>
413
- <span class="cline-any cline-yes">1x</span>
414
- <span class="cline-any cline-yes">9x</span>
415
- <span class="cline-any cline-yes">1x</span>
416
- <span class="cline-any cline-yes">5x</span>
417
- <span class="cline-any cline-neutral">&nbsp;</span>
418
- <span class="cline-any cline-yes">1x</span>
419
- <span class="cline-any cline-yes">1x</span>
420
- <span class="cline-any cline-neutral">&nbsp;</span>
421
- <span class="cline-any cline-yes">1x</span>
422
- <span class="cline-any cline-yes">1x</span>
423
- <span class="cline-any cline-yes">1x</span>
424
- <span class="cline-any cline-yes">1x</span>
425
- <span class="cline-any cline-neutral">&nbsp;</span>
426
- <span class="cline-any cline-yes">1x</span>
427
- <span class="cline-any cline-yes">1x</span>
428
- <span class="cline-any cline-yes">1x</span>
429
- <span class="cline-any cline-yes">1x</span>
430
- <span class="cline-any cline-neutral">&nbsp;</span>
431
- <span class="cline-any cline-yes">1x</span>
432
- <span class="cline-any cline-yes">1x</span>
433
- <span class="cline-any cline-yes">1x</span>
434
- <span class="cline-any cline-yes">1x</span>
435
- <span class="cline-any cline-neutral">&nbsp;</span>
436
- <span class="cline-any cline-yes">1x</span>
437
- <span class="cline-any cline-yes">1x</span>
438
- <span class="cline-any cline-yes">1x</span>
439
- <span class="cline-any cline-yes">1x</span>
440
- <span class="cline-any cline-neutral">&nbsp;</span>
441
- <span class="cline-any cline-neutral">&nbsp;</span>
442
- <span class="cline-any cline-neutral">&nbsp;</span>
443
- <span class="cline-any cline-neutral">&nbsp;</span>
444
- <span class="cline-any cline-neutral">&nbsp;</span>
445
- <span class="cline-any cline-yes">1x</span>
446
- <span class="cline-any cline-neutral">&nbsp;</span>
447
- <span class="cline-any cline-yes">1x</span>
448
- <span class="cline-any cline-yes">1x</span>
449
- <span class="cline-any cline-yes">1x</span>
450
- <span class="cline-any cline-yes">1x</span>
451
- <span class="cline-any cline-yes">1x</span>
452
- <span class="cline-any cline-neutral">&nbsp;</span>
453
- <span class="cline-any cline-neutral">&nbsp;</span>
454
- <span class="cline-any cline-neutral">&nbsp;</span>
455
- <span class="cline-any cline-neutral">&nbsp;</span>
456
- <span class="cline-any cline-neutral">&nbsp;</span>
457
- <span class="cline-any cline-yes">1x</span>
458
- <span class="cline-any cline-neutral">&nbsp;</span>
459
- <span class="cline-any cline-yes">1x</span>
460
- <span class="cline-any cline-yes">1x</span>
461
- <span class="cline-any cline-yes">1x</span>
462
- <span class="cline-any cline-yes">1x</span>
463
- <span class="cline-any cline-neutral">&nbsp;</span>
464
- <span class="cline-any cline-yes">1x</span>
465
- <span class="cline-any cline-neutral">&nbsp;</span>
466
- <span class="cline-any cline-yes">1x</span>
467
- <span class="cline-any cline-yes">1x</span>
468
- <span class="cline-any cline-neutral">&nbsp;</span>
469
- <span class="cline-any cline-neutral">&nbsp;</span>
470
- <span class="cline-any cline-neutral">&nbsp;</span>
471
- <span class="cline-any cline-neutral">&nbsp;</span>
472
- <span class="cline-any cline-neutral">&nbsp;</span>
473
- <span class="cline-any cline-yes">1x</span>
474
- <span class="cline-any cline-neutral">&nbsp;</span>
475
- <span class="cline-any cline-yes">1x</span>
476
- <span class="cline-any cline-yes">1x</span>
477
- <span class="cline-any cline-yes">1x</span>
478
- <span class="cline-any cline-neutral">&nbsp;</span>
479
- <span class="cline-any cline-neutral">&nbsp;</span>
480
- <span class="cline-any cline-neutral">&nbsp;</span>
481
- <span class="cline-any cline-yes">1x</span>
482
- <span class="cline-any cline-yes">1x</span>
483
- <span class="cline-any cline-yes">1x</span>
484
- <span class="cline-any cline-neutral">&nbsp;</span>
485
- <span class="cline-any cline-yes">1x</span>
486
- <span class="cline-any cline-yes">1x</span>
487
- <span class="cline-any cline-yes">1x</span>
488
- <span class="cline-any cline-neutral">&nbsp;</span>
489
- <span class="cline-any cline-yes">1x</span>
490
- <span class="cline-any cline-yes">1x</span>
491
- <span class="cline-any cline-yes">1x</span>
492
- <span class="cline-any cline-neutral">&nbsp;</span>
493
- <span class="cline-any cline-neutral">&nbsp;</span>
494
- <span class="cline-any cline-neutral">&nbsp;</span>
495
- <span class="cline-any cline-yes">1x</span>
496
- <span class="cline-any cline-neutral">&nbsp;</span>
497
- <span class="cline-any cline-neutral">&nbsp;</span>
498
- <span class="cline-any cline-neutral">&nbsp;</span>
499
- <span class="cline-any cline-neutral">&nbsp;</span>
500
- <span class="cline-any cline-neutral">&nbsp;</span>
501
- <span class="cline-any cline-neutral">&nbsp;</span>
502
- <span class="cline-any cline-neutral">&nbsp;</span>
503
- <span class="cline-any cline-neutral">&nbsp;</span>
504
- <span class="cline-any cline-neutral">&nbsp;</span>
505
- <span class="cline-any cline-neutral">&nbsp;</span>
506
- <span class="cline-any cline-neutral">&nbsp;</span>
507
- <span class="cline-any cline-neutral">&nbsp;</span>
508
- <span class="cline-any cline-neutral">&nbsp;</span>
509
- <span class="cline-any cline-neutral">&nbsp;</span>
510
- <span class="cline-any cline-neutral">&nbsp;</span>
511
- <span class="cline-any cline-neutral">&nbsp;</span>
512
- <span class="cline-any cline-neutral">&nbsp;</span>
513
- <span class="cline-any cline-neutral">&nbsp;</span>
514
- <span class="cline-any cline-neutral">&nbsp;</span>
515
- <span class="cline-any cline-neutral">&nbsp;</span>
516
- <span class="cline-any cline-neutral">&nbsp;</span>
517
- <span class="cline-any cline-neutral">&nbsp;</span>
518
- <span class="cline-any cline-neutral">&nbsp;</span>
519
- <span class="cline-any cline-neutral">&nbsp;</span>
520
- <span class="cline-any cline-neutral">&nbsp;</span>
521
- <span class="cline-any cline-neutral">&nbsp;</span>
522
- <span class="cline-any cline-neutral">&nbsp;</span>
523
- <span class="cline-any cline-neutral">&nbsp;</span>
524
- <span class="cline-any cline-neutral">&nbsp;</span>
525
- <span class="cline-any cline-neutral">&nbsp;</span>
526
- <span class="cline-any cline-neutral">&nbsp;</span>
527
- <span class="cline-any cline-neutral">&nbsp;</span>
528
- <span class="cline-any cline-neutral">&nbsp;</span>
529
- <span class="cline-any cline-neutral">&nbsp;</span>
530
- <span class="cline-any cline-neutral">&nbsp;</span>
531
- <span class="cline-any cline-neutral">&nbsp;</span>
532
- <span class="cline-any cline-neutral">&nbsp;</span>
533
- <span class="cline-any cline-neutral">&nbsp;</span>
534
- <span class="cline-any cline-neutral">&nbsp;</span>
535
- <span class="cline-any cline-neutral">&nbsp;</span>
536
- <span class="cline-any cline-neutral">&nbsp;</span>
537
- <span class="cline-any cline-neutral">&nbsp;</span>
538
- <span class="cline-any cline-neutral">&nbsp;</span>
539
- <span class="cline-any cline-neutral">&nbsp;</span>
540
- <span class="cline-any cline-neutral">&nbsp;</span>
541
- <span class="cline-any cline-neutral">&nbsp;</span>
542
- <span class="cline-any cline-neutral">&nbsp;</span>
543
- <span class="cline-any cline-neutral">&nbsp;</span>
544
- <span class="cline-any cline-neutral">&nbsp;</span>
545
- <span class="cline-any cline-neutral">&nbsp;</span>
546
- <span class="cline-any cline-neutral">&nbsp;</span>
547
- <span class="cline-any cline-neutral">&nbsp;</span>
548
- <span class="cline-any cline-neutral">&nbsp;</span>
549
- <span class="cline-any cline-neutral">&nbsp;</span>
550
- <span class="cline-any cline-neutral">&nbsp;</span>
551
- <span class="cline-any cline-neutral">&nbsp;</span>
552
- <span class="cline-any cline-neutral">&nbsp;</span>
553
- <span class="cline-any cline-neutral">&nbsp;</span>
554
- <span class="cline-any cline-neutral">&nbsp;</span>
555
- <span class="cline-any cline-neutral">&nbsp;</span>
556
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">// noinspection DuplicatedCode
557
- &nbsp;
558
- import type { StoryObj } from '@storybook/web-components';
559
- import { expect, within } from '@storybook/test';
560
- &nbsp;
561
- import '../custom-element/custom-element.js';
562
- import '../custom-element/http-request.js';
563
- import {handlers} from '../mocks/handlers.ts';
564
- &nbsp;
565
- type TProps = { title: string; slice: string; url: string; };
566
- const defs: TProps =
567
- { title: ''
568
- , slice: 'page'
569
- , url: '/pokemon?limit=6'
570
- };
571
- type Story = StoryObj&lt;TProps&gt;;
572
- function sleep(ms: number) { return new Promise((resolve) =&gt; setTimeout(resolve, ms)); }
573
- &nbsp;
574
- function Template({title, slice, url}: TProps)
575
- {
576
- return `
577
- &lt;fieldset&gt;
578
- &lt;legend&gt;${title}&lt;/legend&gt;
579
- &lt;custom-element&gt;
580
- &lt;template&gt;&lt;!-- wrapping into template to prevent images loading within DCE declaration --&gt;
581
- &lt;http-request
582
- url="{ //slice/url }"
583
- slice="${slice}"
584
- &gt;&lt;/http-request&gt;
585
- &lt;input placeholder="URL for fetch" slice="url" value="{ //url ?? '${ url }' }"/&gt;
586
- &lt;button&gt;set&lt;/button&gt;
587
- &lt;button slice="url" slice-value="''" slice-event="click"&gt;set blank&lt;/button&gt;
588
- &lt;button slice="url" slice-value="'/reflect'" slice-event="click"&gt;/reflect&lt;/button&gt;
589
- &lt;button slice="url" slice-value="'/pokemon'" slice-event="click"&gt;/pokemon&lt;/button&gt;
590
- &lt;button slice="url" slice-value="'/pokemon?limit=6'" slice-event="click"&gt;/pokemon?limit=6&lt;/button&gt;
591
- &lt;button slice="url" slice-value="'/pokemon?limit=3'" slice-event="click"&gt;/pokemon?limit=3&lt;/button&gt;
592
- &nbsp;
593
- &lt;p&gt;Pokemon Count: {count(/datadom/slice/${slice}//results)}&lt;/p&gt;
594
- &lt;if test="count(/datadom/slice/${slice}//results) &amp;lt; 0"&gt;
595
- &lt;h3&gt;loading...&lt;/h3&gt;
596
- &lt;/if&gt;
597
- &lt;for-each select="/datadom/slice/${slice}//results"&gt;
598
- &lt;variable name="pokeid"
599
- select="substring-before( substring-after( @url, 'https://pokeapi.co/api/v2/pokemon/'),'/')"
600
- &gt;&lt;/variable&gt;
601
- &lt;button&gt;
602
- &lt;value-of select='@name'/&gt;
603
- &lt;/button&gt;
604
- &lt;/for-each&gt;
605
- &lt;for-each select="//slice/${slice}/value/*"&gt;
606
- &lt;ul&gt;
607
- &lt;var data-testid="request-section"&gt;&lt;value-of select='name(.)'/&gt;&lt;/var&gt;
608
- &lt;for-each select="@*"&gt;
609
- &lt;div&gt;
610
- &lt;var&gt;@{local-name(.)}&lt;/var&gt;
611
- =
612
- &lt;code data-testid="attr-{local-name(.)}"&gt;{.}&lt;/code&gt;
613
- &lt;/div&gt;
614
- &lt;/for-each&gt;
615
- &lt;/ul&gt;
616
- &lt;/for-each&gt;
617
- &lt;/template&gt;
618
- &lt;/custom-element&gt;
619
- &lt;/fieldset&gt;
620
- `;
621
- }
622
- const meta =
623
- { title: 'http-request'
624
- , render: (args: TProps) =&gt; Template(args)
625
- , renderPlay: async function renderPlay(story: StoryObj)
626
- {
627
- // @ts-ignore
628
- document.body.innerHTML = ( story.render ? story : meta ).render({...defs, ...story.args});
629
- await new Promise(resolve =&gt; setTimeout(async () =&gt;
630
- {
631
- // @ts-ignore
632
- await story.play({canvasElement: document.body.firstElementChild as HTMLElement});
633
- resolve(0);
634
- }, 0));
635
- }
636
- , parameters: { test:{ dangerouslyIgnoreUnhandledErrors: true}}
637
- };
638
- &nbsp;
639
- export default meta;
640
- &nbsp;
641
- export const Demo:Story =
642
- { args : {title: 'url and slice',url:'/pokemon?limit=4'}
643
- , play: async ({canvasElement}) =&gt;
644
- {
645
- const canvas = within(canvasElement);
646
- await canvas.findByText(Demo.args!.title as string);
647
- expect( await canvas.findByText('bulbasaur')).toBeInTheDocument();
648
- expect( await canvas.findByText('Pokemon Count: 4')).toBeInTheDocument(canvasElement);
649
- },
650
- parameters: { msw: handlers },
651
- };
652
- &nbsp;
653
- export const UrlChange:Story =
654
- { args : {title: 'url change',url:''}
655
- , play: async ({canvasElement}) =&gt;
656
- {
657
- const canvas = within(canvasElement);
658
- await canvas.findByText(UrlChange.args!.title as string);
659
- const byText = txt =&gt; canvas.getByText(txt)
660
- const requestElement = canvasElement.querySelector('http-request')
661
- , urlAttr = () =&gt; requestElement.getAttribute('url');
662
- &nbsp;
663
- expect( byText('Pokemon Count: 0') ).toBeInTheDocument();
664
- expect( urlAttr() ).toEqual('');
665
- &nbsp;
666
- byText( '/pokemon' ).click();
667
- await sleep(100);
668
- expect( urlAttr() ).toEqual('/pokemon');
669
- expect( byText('Pokemon Count: 6') ).toBeInTheDocument();
670
- &nbsp;
671
- byText( '/pokemon?limit=6' ).click();
672
- await sleep(100);
673
- expect( urlAttr() ).toEqual('/pokemon?limit=6');
674
- expect( byText('Pokemon Count: 6') ).toBeInTheDocument();
675
- &nbsp;
676
- byText( '/pokemon?limit=3' ).click();
677
- await sleep(100);
678
- expect( urlAttr() ).toEqual('/pokemon?limit=3');
679
- expect( byText('Pokemon Count: 3') ).toBeInTheDocument();
680
- &nbsp;
681
- byText( 'set blank' ).click();
682
- await sleep(100);
683
- expect( urlAttr() ).toEqual('');
684
- expect( byText('Pokemon Count: 0') ).toBeInTheDocument();
685
- },
686
- parameters: { msw: handlers },
687
- };
688
- &nbsp;
689
- export const Http404:Story =
690
- { args : {title: 'http-request with error', url: '/404'}
691
- , play: async ({canvasElement}) =&gt;
692
- { const canvas = within(canvasElement)
693
- , $t = async testId=&gt; (await canvas.findByTestId(testId)).textContent;
694
- await canvas.findByText(Http404.args!.title as string);
695
- await sleep(200);
696
- expect( await $t('attr-status')).to.include('404');
697
- },
698
- parameters: { msw: handlers },
699
- };
700
- &nbsp;
701
- export const LifecycleInitialized:Story =
702
- { args: { title: 'http-request with delayed .5 seconds response', url: '/noreturn'}
703
- , play: async ({canvasElement}) =&gt;
704
- { const canvas = within(canvasElement);
705
- await canvas.findByText(LifecycleInitialized.args!.title as string);
706
- expect( await canvas.findByText('request') ).toBeInTheDocument(); // after DCE initiated
707
- expect( canvas.queryByText('response') ).toBe(null); // response is not available
708
- // wait while response appears ~ 0.5 seconds
709
- expect( await canvas.findByText('response') ).toBeInTheDocument(); // only after delay is shown
710
- &nbsp;
711
- expect( await canvas.findByText('bulbasaur') ).toBeInTheDocument();
712
- expect( await canvas.findByText('Pokemon Count: 6') ).toBeInTheDocument();
713
- },
714
- parameters: { msw: handlers },
715
- };
716
- &nbsp;
717
- export const RequestResponseHeaders:Story =
718
- { args: { title: 'http-request headers and response status and headers', url: '/reflect'}
719
- , play: async ({canvasElement}) =&gt;
720
- { const canvas = within(canvasElement);
721
- await canvas.findByText(RequestResponseHeaders.args!.title as string);
722
- await sleep(200);
723
- &nbsp;
724
- // see response made by /reflect handler
725
- &nbsp;
726
- const te = await canvas.findByTestId('section-request-attr-x-test');
727
- expect( te ).toBeInTheDocument();
728
- expect( te.textContent.trim() ).toEqual('testing');
729
- &nbsp;
730
- const t1 = await canvas.findByTestId('section-response-attr-x-test');
731
- expect( t1 ).toBeInTheDocument();
732
- expect( t1.textContent.trim() ).toEqual('reflected-testing');
733
- &nbsp;
734
- const tAdded = await canvas.findByTestId('section-response-attr-x-added');
735
- expect( tAdded ).toBeInTheDocument();
736
- expect( tAdded.textContent.trim() ).toEqual('abc');
737
- &nbsp;
738
- },
739
- parameters: { msw: handlers },
740
- render : ({url,title}) =&gt; `
741
- &lt;fieldset&gt;
742
- &lt;legend&gt;${title}&lt;/legend&gt;
743
- &lt;p&gt; &lt;b&gt;request&lt;/b&gt; headers are populated into dedicated &lt;b&gt;slice/request/headers&lt;/b&gt;&lt;/p&gt;
744
- &nbsp;
745
- &lt;custom-element tag="headers-demo" &gt;
746
- &lt;template&gt;
747
- &lt;http-request
748
- url="${url}"
749
- slice="request_slice"
750
- type="text"
751
- mode="cors"
752
- header-x-test="testing"
753
- &gt;&lt;/http-request&gt;
754
- Content of &lt;code&gt;//slice/request_slice&lt;/code&gt; is filled by &lt;b&gt;request&lt;/b&gt; and &lt;b&gt;response&lt;/b&gt;
755
- from &lt;code&gt;${url}&lt;/code&gt;
756
- &nbsp;
757
- &lt;h3&gt;Samples&lt;/h3&gt;
758
- &lt;table&gt;
759
- &lt;tr&gt;&lt;th&gt;//slice/request_slice/value/request/headers/@mode&lt;/th&gt;
760
- &lt;td&gt;&lt;value-of select="//slice/request_slice/value/request/@mode"/&gt;&lt;/td&gt;&lt;/tr&gt;
761
- &lt;tr&gt;&lt;th&gt;//slice/request_slice/value/response/headers/@content-type&lt;/th&gt;
762
- &lt;td&gt;&lt;value-of select="//slice/request_slice/value/response/headers/@content-type"/&gt;&lt;/td&gt;&lt;/tr&gt;
763
- &lt;tr&gt;&lt;th&gt;//slice/request_slice/value/response/@status&lt;/th&gt;
764
- &lt;td&gt;&lt;value-of select="//slice/request_slice/value/response/@status"/&gt;&lt;/td&gt;&lt;/tr&gt;
765
- &lt;/table&gt;
766
- &lt;for-each select="//slice/request_slice/value/*"&gt;
767
- &lt;xsl:variable name="section"&gt;{name(.)}&lt;/xsl:variable&gt;
768
- &lt;ul date-testid="section-{$section}"&gt;
769
- &lt;b data-testid="request-section"&gt;&lt;value-of select='name(.)'/&gt;&lt;/b&gt;
770
- &lt;for-each select="@*"&gt;
771
- &lt;div&gt;
772
- &lt;var &gt;@{local-name(.)}&lt;/var&gt;
773
- =
774
- &lt;code data-testid="section-{$section}-prop-{local-name(.)}"&gt;{.}&lt;/code&gt;
775
- &lt;/div&gt;
776
- &lt;/for-each&gt;
777
- &lt;for-each select="*"&gt;
778
- &lt;div&gt;
779
- &lt;b data-testid="section-deep"&gt;&lt;value-of select='local-name(.)'/&gt;&lt;/b&gt;
780
- &lt;ul&gt;
781
- &lt;for-each select="@*"&gt;
782
- &lt;li&gt;
783
- &lt;var data-testid="section-attribute"&gt;@{local-name(.)}&lt;/var&gt;
784
- =
785
- &lt;code data-testid="section-{$section}-attr-{local-name(.)}"&gt;{.}&lt;/code&gt;
786
- &lt;/li&gt;
787
- &lt;/for-each&gt;
788
- &lt;code&gt;&lt;value-of select='.'/&gt;&lt;/code&gt;
789
- &lt;/ul&gt;
790
- &lt;/div&gt;
791
- &lt;/for-each&gt;
792
- &lt;/ul&gt;
793
- &lt;/for-each&gt;
794
- &lt;/template&gt;
795
- &lt;/custom-element&gt;
796
- &lt;headers-demo&gt;&lt;/headers-demo&gt;
797
- &lt;/fieldset&gt;
798
- `
799
- };
800
- &nbsp;
801
- &nbsp;</pre></td></tr></table></pre>
802
-
803
- <div class='push'></div><!-- for sticky footer -->
804
- </div><!-- /wrapper -->
805
- <div class='footer quiet pad2 space-top1 center small'>
806
- Code coverage generated by
807
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
808
- at 2026-01-14T04:16:19.425Z
809
- </div>
810
- <script src="../../prettify.js"></script>
811
- <script>
812
- window.onload = function () {
813
- prettyPrint();
814
- };
815
- </script>
816
- <script src="../../sorter.js"></script>
817
- <script src="../../block-navigation.js"></script>
818
- </body>
819
- </html>
820
-