2022-11-03 13:54:49 +00:00
|
|
|
<html>
|
|
|
|
|
<title>E2E report</title>
|
|
|
|
|
<body>
|
2023-02-02 19:20:45 +00:00
|
|
|
<h1>Table of Contents</h1>
|
|
|
|
|
<ul>
|
|
|
|
|
{{range .Tests}}
|
|
|
|
|
<li><a href="#{{.Name}}">{{.Name}}</a></li>
|
|
|
|
|
{{end}}
|
|
|
|
|
</ul>
|
2022-11-03 13:54:49 +00:00
|
|
|
<div class="cases">
|
|
|
|
|
{{range .Tests}}
|
2023-02-02 19:20:45 +00:00
|
|
|
<div class="case" id="{{.Name}}">
|
2023-02-10 21:35:28 +00:00
|
|
|
<h1><a href="{{.GotSVG}}">{{.Name}}</a></h1>
|
2022-11-03 13:54:49 +00:00
|
|
|
{{ if .ExpSVG }}
|
2023-02-02 19:20:45 +00:00
|
|
|
<h2 class="case-exp">Expected</h2>
|
2022-11-03 13:54:49 +00:00
|
|
|
{{ end }}
|
2023-02-02 19:20:45 +00:00
|
|
|
<h2 class="case-got">Got</h2>
|
|
|
|
|
<div class="case-img-wrapper">
|
|
|
|
|
{{ if .ExpSVG }}
|
2023-02-10 21:35:28 +00:00
|
|
|
<img src="{{.ExpSVG}}" width="100%" />
|
2023-02-02 19:20:45 +00:00
|
|
|
{{ end }}
|
2023-02-10 21:35:28 +00:00
|
|
|
<img src="{{.GotSVG}}" width="100%" />
|
2023-02-02 19:20:45 +00:00
|
|
|
</div>
|
2022-11-03 13:54:49 +00:00
|
|
|
</div>
|
|
|
|
|
{{end}}
|
|
|
|
|
</div>
|
|
|
|
|
<style>
|
|
|
|
|
.cases {
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
}
|
|
|
|
|
.case {
|
2023-02-02 19:20:45 +00:00
|
|
|
position: relative;
|
2022-11-03 13:54:49 +00:00
|
|
|
padding: 20px;
|
2023-02-02 19:20:45 +00:00
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
.case-img-wrapper {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
.case img {
|
|
|
|
|
width: 600px;
|
2022-11-03 13:54:49 +00:00
|
|
|
}
|
2023-02-10 21:35:28 +00:00
|
|
|
.case-exp + .case-got {
|
2023-02-02 19:20:45 +00:00
|
|
|
position: absolute;
|
|
|
|
|
left: 600px;
|
2022-11-03 13:54:49 +00:00
|
|
|
}
|
2023-02-02 19:20:45 +00:00
|
|
|
.case h2 {
|
|
|
|
|
margin: 0;
|
|
|
|
|
display: inline;
|
2022-11-03 13:54:49 +00:00
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
