View All Attachments for Bug 54507

Attachment #66625
Test failure diff	text/html	2012-09-04 19:28:42 UTC	7.37 KB	no flags	Details

<html>
<head>
<style>
:link, :visited {
    text-decoration: none;
    border-bottom: 1px dotted;
}

:link {
    color: #039;
}

.FileDiff {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    font-family: monospace;
    margin: 1em 0;
    position: relative;
}

h1 {
    color: #333;
    font-family: sans-serif;
    font-size: 1em;
    margin-left: 0.5em;
    display: table-cell;
    width: 100%;
    padding: 0.5em;
}

h1 :link, h1 :visited {
    color: inherit;
}

h1 :hover {
    color: #555;
    background-color: #eee;
}

.DiffLinks {
    float: right;
}

.FileDiffLinkContainer {
    opacity: 0;
    display: table-cell;
    padding-right: 0.5em;
    white-space: nowrap;
}

.DiffSection {
    background-color: white;
    border: solid #ddd;
    border-width: 1px 0px;
}

.ExpansionLine, .LineContainer {
    white-space: nowrap;
}

.sidebyside .DiffBlockPart.add:first-child {
    float: right;
}

.LineSide,
.sidebyside .DiffBlockPart.remove,
.sidebyside .DiffBlockPart.add {
    display:inline-block;
    width: 50%;
    vertical-align: top;
}

.sidebyside .resizeHandle {
    width: 5px;
    height: 100%;
    cursor: move;
    position: absolute;
    top: 0;
    left: 50%;
}

.sidebyside .resizeHandle:hover {
    background-color: grey;
    opacity: 0.5;
}

.sidebyside .DiffBlockPart.remove .to,
.sidebyside .DiffBlockPart.add .from {
    display: none;
}

.lineNumber, .expansionLineNumber {
    border-bottom: 1px solid #998;
    border-right: 1px solid #ddd;
    color: #444;
    display: inline-block;
    padding: 1px 5px 0px 0px;
    text-align: right;
    vertical-align: bottom;
    width: 3em;
}

.lineNumber {
  background-color: #eed;
}

.expansionLineNumber {
  background-color: #eee;
}

.text {
    padding-left: 5px;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.image {
    border: 2px solid black;
}

.context, .context .lineNumber {
    color: #849;
    background-color: #fef;
}

.Line.add, .FileDiff .add {
    background-color: #dfd;
}

.Line.add ins {
    background-color: #9e9;
    text-decoration: none;
}

.Line.remove, .FileDiff .remove {
    background-color: #fdd;
}

.Line.remove del {
    background-color: #e99;
    text-decoration: none;
}

/* Support for inline comments */

.author {
  font-style: italic;
}

.comment {
  position: relative;
}

.comment textarea {
  height: 6em;
}

.overallComments textarea {
  height: 2em;
  max-width: 100%;
}

.comment textarea, .overallComments textarea {
  display: block;
  width: 100%;
}

.overallComments .open {
  -webkit-transition: height .2s;
  height: 4em;
}

#statusBubbleContainer.wrap {
  display: block;
}

body {
  margin-bottom: 40px;
}

#toolbar {
  display: -webkit-box;
  display: -moz-box;
  padding: 3px;
  left: 0;
  right: 0;
  border: 1px solid #ddd;
  background-color: #eee;
  font-family: sans-serif;
  position: fixed;
}

#toolbar.anchored {
  bottom: 0;
}

#toolbar .actions {
  float: right;
}

.winter {
  position: fixed;
  z-index: 5;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: black;
  opacity: 0.8;
}

.inactive {
  display: none;
}

.lightbox {
  position: fixed;
  z-index: 6;
  left: 10%;
  right: 10%;
  top: 10%;
  bottom: 10%;
  background: white;
}

.lightbox iframe {
  width: 100%;
  height: 100%;
}

.commentContext .lineNumber {
  background-color: yellow;
}

.selected .lineNumber {
  background-color: #69F;
  border-bottom-color: #69F;
  border-right-color: #69F;
}

.ExpandLinkContainer {
  opacity: 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.ExpandArea {
  margin: 0;
}

.ExpandText {
  margin-left: 0.67em;
}

.LinkContainer {
  font-family: sans-serif;
  font-size: small;
  font-style: normal;
  -webkit-transition: opacity 0.5s;
}

.LinkContainer a {
  border: 0;
}

.LinkContainer a:after {
  content: " | ";
  color: black;
}

.LinkContainer a:last-of-type:after {
  content: "";
}

.help {
 color: gray;
 font-style: italic;
}

#message {
  font-size: small;
  font-family: sans-serif;
}

.commentStatus {
  font-style: italic;
}

.comment, .previousComment, .frozenComment {
  background-color: #ffd;
}

.overallComments {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  margin-right: 3px;
}

.previousComment, .frozenComment {
  border: inset 1px;
  padding: 5px;
  white-space: pre-wrap;
}

.comment button {
  width: 6em;
}

div:focus {
  outline: 1px solid blue;
  outline-offset: -1px;
}

.statusBubble {
  /* The width/height get set to the bubble contents via postMessage on browsers that support it. */
  width: 450px;
  height: 20px;
  margin: 2px 2px 0 0;
  border: none;
  vertical-align: middle;
}

.pseudo_resize_event_iframe {
  height: 10%;
  width: 10%;
  position: absolute;
  top: -11%;
}

.revision {
  display: none;
}

.autosave-state {
  position: absolute;
  right: 0;
  top: -1.3em;
  padding: 0 3px;
  outline: 1px solid #DDD;
  color: #8FDF5F;
  font-size: small;   
  background-color: #EEE;
}

.autosave-state:empty {
  outline: 0px;
}
.autosave-state.saving {
  color: #E98080;
}

.clear_float {
    clear: both;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script src="code-review.js?version=43"></script>
</head>
<body>
<div class='FileDiff'>
<h1>WebKit/lt_results/fast/canvas/canvas-fillRect-gradient-shadow-actual.txt</h1>
<div class='DiffSection'>
<div class='DiffBlock'>
<div class='DiffBlockPart shared'>
<div class='Line LineContainer'>
<span class='from lineNumber'>79</span><span class='to lineNumber'>79</span><span class='text'>PASS d[1] is 0</span>
</div>
<div class='Line LineContainer'>
<span class='from lineNumber'>80</span><span class='to lineNumber'>80</span><span class='text'>PASS d[2] is 0</span>
</div>
<div class='Line LineContainer'>
<span class='from lineNumber'>81</span><span class='to lineNumber'>81</span><span class='text'>PASS d[3] is smaller than 15</span>
</div>
</div><div class='clear_float'></div></div>
<div class='DiffBlock'>
<div class='DiffBlockPart remove'>
<div class='Line LineContainer remove'>
<span class='from lineNumber'>82</span><span class='to lineNumber'>&nbsp;</span><span class='text'><del>P</del><del>ASS</del> d[0] <del>i</del><del>s</del> 255</span>
</div>
</div><div class='DiffBlockPart add'>
<div class='Line LineContainer add'>
<span class='from lineNumber'>&nbsp;</span><span class='to lineNumber'>82</span><span class='text'><ins>F</ins><ins>AIL</ins> d[0] <ins>should be</ins> 255<ins>. Was 0.</ins></span>
</div>
</div><div class='clear_float'></div></div>
<div class='DiffBlock'>
<div class='DiffBlockPart shared'>
<div class='Line LineContainer'>
<span class='from lineNumber'>83</span><span class='to lineNumber'>83</span><span class='text'>PASS d[1] is 0</span>
</div>
<div class='Line LineContainer'>
<span class='from lineNumber'>84</span><span class='to lineNumber'>84</span><span class='text'>PASS d[2] is 0</span>
</div>
<div class='Line LineContainer'>
<span class='from lineNumber'>85</span><span class='to lineNumber'>85</span><span class='text'>PASS d[3] is smaller than 15</span>
</div>
</div><div class='clear_float'></div></div>
</div>
</div>
</body></html>

Attachment #66627
Test results with the failure	text/html	2012-09-04 19:34:44 UTC	1.92 KB	no flags	Details

<head><style>.del { background: #faa; } .add { background: #afa; }</style></head><pre>Ensure correct behavior of canvas with fillRect using a gradient fillStyle and a shadow

On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".


PASS d[0] is 255
PASS d[1] is 0
PASS d[2] is 0
PASS d[3] is 255
PASS d[0] is 255
PASS d[1] is 0
PASS d[2] is 0
PASS d[3] is 255
PASS d[0] is 255
PASS d[1] is 0
PASS d[2] is 0
PASS d[3] is 255
PASS d[0] is 255
PASS d[1] is 0
PASS d[2] is 0
PASS d[3] is 255
PASS d[0] is 255
PASS d[1] is 0
PASS d[2] is 0
PASS d[3] is around 76
PASS d[0] is 255
PASS d[1] is 0
PASS d[2] is 0
PASS d[3] is around 76
PASS d[0] is 255
PASS d[1] is 0
PASS d[2] is 0
PASS d[3] is around 76
PASS d[0] is 255
PASS d[1] is 0
PASS d[2] is 0
PASS d[3] is around 76
PASS d[0] is 255
PASS d[1] is 0
PASS d[2] is 0
PASS d[3] is smaller than 25
PASS d[0] is 255
PASS d[1] is 0
PASS d[2] is 0
PASS d[3] is smaller than 25
PASS d[0] is 255
PASS d[1] is 0
PASS d[2] is 0
PASS d[3] is smaller than 25
PASS d[0] is 255
PASS d[1] is 0
PASS d[2] is 0
PASS d[3] is smaller than 25
PASS d[0] is 255
PASS d[1] is 0
PASS d[2] is 0
PASS d[3] is smaller than 10
PASS d[0] is 255
PASS d[1] is 0
PASS d[2] is 0
PASS d[3] is smaller than 10
PASS d[0] is 255
PASS d[1] is 0
PASS d[2] is 0
PASS d[3] is smaller than 10
PASS d[0] is 255
PASS d[1] is 0
PASS d[2] is 0
PASS d[3] is smaller than 10
PASS d[0] is 255
PASS d[1] is 0
PASS d[2] is 0
PASS d[3] is smaller than 15
PASS d[0] is 255
PASS d[1] is 0
PASS d[2] is 0
PASS d[3] is smaller than 15
PASS d[0] is 255
PASS d[1] is 0
PASS d[2] is 0
PASS d[3] is smaller than 15
<span class=del>PASS</span>
<span class=add>FAIL</span> d[0] <span class=del>is 255</span> <span class=add>should be 255. Was 0.</span>
PASS d[1] is 0
PASS d[2] is 0
PASS d[3] is smaller than 15
PASS successfullyParsed is true

TEST COMPLETE

</pre>

Attachment #66630
Simplified test case	text/html	2012-09-04 20:16:44 UTC	1.84 KB	no flags	Details

<html>
<head>
<body>
<div id="console"></div>
</body>
<script type="text/javascript">
function print(message, color)
{
    var paragraph = document.createElement("div");
    paragraph.appendChild(document.createTextNode(message));
    paragraph.style.fontFamily = "monospace";
    if (color)
        paragraph.style.color = color;
    document.getElementById("console").appendChild(paragraph);
}

function shouldBeSmaller(a, b)
{
    var evalA;
    try {
        evalA = eval(a);
    } catch(e) {
        evalA = e;
    }

    if (evalA < b)
        print("PASS " + a + " is smaller than " + b + " (actual: " + evalA + ")", "green")
    else
        print("FAIL " + a + " is not smaller than " + b + " (actual: " + evalA + ")", "red");
}

function shouldBe(a, b)
{
    var evalA;
    try {
        evalA = eval(a);
    } catch(e) {
        evalA = e;
    }

    if (evalA == b)
        print("PASS " + a + " is " + b, "green")
    else
        print("FAIL " + a + "should be " + b + ". Was " + evalA, "red");
}

var canvas = document.createElement('canvas');
document.body.appendChild(canvas);
canvas.setAttribute('width', '400');
canvas.setAttribute('height', '800');
var ctx = canvas.getContext('2d');

var gradient = ctx.createLinearGradient(0, 0, 100, 100);
gradient.addColorStop(0, 'rgba(0, 0, 255, 1.0)');
gradient.addColorStop(1, 'rgba(0, 0, 255, 1.0)');

ctx.shadowOffsetX = 200;
ctx.fillStyle = gradient;

ctx.shadowBlur = 5;
ctx.shadowColor = 'rgba(255, 0, 0, 0.3)';
ctx.fillRect(50, 500, 100, 100);

ctx.rotate(Math.PI/2);
ctx.fillRect(650, -150, 100, 100);

var d; // imageData.data

// Verify blurry alpha shadow with rotation.
d = ctx.getImageData(351, 751, 1, 1).data;
shouldBe('d[0]', '255');
shouldBe('d[1]', '0');
shouldBe('d[2]', '0');
shouldBeSmaller('d[3]', '15');
</script>
</head>
</html>

Attachment #67642
cairo-trace of the test case	text/plain	2012-09-24 19:27:01 UTC	16.57 KB	no flags	Details

Use of freedesktop.org services, including Bugzilla, is subject to our Code of Conduct. How we collect and use information is described in our Privacy Policy.