blob: d722c6a729cfc0e17e6ac24f39f018d15ad29c4b [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<title>{{ test_run }} failures</title>
<style>
.image {
max-height: 325px;
max-width: 325px;
}
.cell {
padding-right: 25px;
padding-left: 25px;
float: left;
width: 20%;
}
.imagelink {
border-width: 0px;
}
.info {
padding-bottom: 25px;
}
.row {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 2px solid #888;
height: 350px;
}
</style>
<script language="javascript">
var confirmSubmit = function() {
return confirm("The screenshots generated with this version of chrome will be used as the expected images for future comparisions. Are you sure?");
}
</script>
</head>
<body>
<h3>Test Run: {{ test_run }}</h3>
{% if can_rebaseline %}
<form action="/rebaseline" method="post" onsubmit="return confirmSubmit();">
<input type="hidden" name="test_run" value="{{ test_run }}"/>
<input type="submit" value="Set as LKGR"/>
</form>
<br>
{% endif %}
{% if not comparisons %}
<h2>No failures.</h2>
{% endif %}
{% for comp in comparisons %}
<div class="row">
<div class="cell">
Diff&nbsp;&nbsp;({{ "%.1f"|format(comp['percent_different']) }}%)<br>
<a class="imagelink" href="{{ comp['diff'] }}">
<img class="image" src={{ comp['diff'] }}>
</a>
</div>
<div class="cell">
Expected<br>
<a class="imagelink" href="{{ comp['expected'] }}">
<img class="image" src={{ comp['expected'] }}>
</a>
</div>
<div class="cell">
Actual<br>
<a class="imagelink" href="{{ comp['actual'] }}">
<img class="image" src={{ comp['actual'] }}>
</a>
</div>
<div class="cell">
<br>
<div class="info">
{{ comp['expectation'] }}<br>
<a href='/debug_view?test_run={{ comp['test_run'] }}&expectation={{ comp['expectation'] }}'>Debug View</a>
</div>
</div>
</div>
{% endfor %}
</body>
</html>