Attachment 104566 Details for Bug 66592 – pretty-diff of incorrect results

pretty-diff of incorrect results

video-aspect-ratio-pretty-diff.html (text/html), 9.07 KB, created by Jeff Miller on 2011-08-19 14:34:20 PDT

(hide)

Description:

Filename:

MIME Type:

Creator: Jeff Miller

Created: 2011-08-19 14:34:20 PDT

Size: 9.07 KB

patch

obsolete

><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;
>}
>
>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:last-child {
>    float: right;
>}
>
>.LineSide,
>.sidebyside .DiffBlockPart.remove,
>.sidebyside .DiffBlockPart.add {
>    display:inline-block;
>    width:50%;
>    vertical-align: top;
>}
>
>.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;
>}
>
>.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=42"></script>
>
><div class='FileDiff'>
><h1>/tmp/layout-test-results/media/video-aspect-ratio-actual.txt</h1>
><div class='DiffSection'>
><div class='DiffBlock'>
><div class='DiffBlockPart shared'>
><div class='Line LineContainer'>
><span class='from lineNumber'>6</span><span class='to lineNumber'>6</span><span class='text'>      RenderBlock {P} at (0,0) size 784x18</span>
></div>
><div class='Line LineContainer'>
><span class='from lineNumber'>7</span><span class='to lineNumber'>7</span><span class='text'>        RenderText {#text} at (0,0) size 623x18</span>
></div>
><div class='Line LineContainer'>
><span class='from lineNumber'>8</span><span class='to lineNumber'>8</span><span class='text'>          text run at (0,0) width 623: &quot;Test video sizing. You should see one bigger image (paused video) and 7 small ones of 1/4 its size.&quot;</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'>9</span><span class='to lineNumber'>&nbsp;</span><span class='text'>      RenderBlock (anonymous) at (0,34) size 784x48<del>0</del></span>
></div>
></div><div class='DiffBlockPart add'>
><div class='Line LineContainer add'>
><span class='from lineNumber'>&nbsp;</span><span class='to lineNumber'>9</span><span class='text'>      RenderBlock (anonymous) at (0,34) size 784x48<ins>4</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'>10</span><span class='to lineNumber'>10</span><span class='text'>        RenderBR {BR} at (320,240) size 0x0</span>
></div>
><div class='Line LineContainer'>
><span class='from lineNumber'>11</span><span class='to lineNumber'>11</span><span class='text'>        RenderBlock {DIV} at (160,240) size 320x120</span>
></div>
><div class='Line LineContainer'>
><span class='from lineNumber'>12</span><span class='to lineNumber'>12</span><span class='text'>          RenderText {#text} at (0,0) size 0x0</span>
></div>
><div class='Line LineContainer'>
><span class='from lineNumber'>13</span><span class='to lineNumber'>13</span><span class='text'>        RenderBlock {DIV} at (0,360) size 320x120</span>
></div>
><div class='Line LineContainer'>
><span class='from lineNumber'>14</span><span class='to lineNumber'>14</span><span class='text'>          RenderText {#text} at (0,0) size 0x0</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'>15</span><span class='to lineNumber'>&nbsp;</span><span class='text'>        RenderText {#text} at (0,0) size 0x0</span>
></div>
></div><div class='DiffBlockPart add'>
><div class='Line LineContainer add'>
><span class='from lineNumber'>&nbsp;</span><span class='to lineNumber'>15</span><span class='text'>        RenderText {#text} at (640,466) size 4x18</span>
></div>
><div class='Line LineContainer add'>
><span class='from lineNumber'>&nbsp;</span><span class='to lineNumber'>16</span><span class='text'>          text run at (640,466) width 4: &quot; &quot;</span>
></div>
><div class='Line LineContainer add'>
><span class='from lineNumber'>&nbsp;</span><span class='to lineNumber'>17</span><span class='text'>        RenderText {#text} at (644,466) size 36x18</span>
></div>
><div class='Line LineContainer add'>
><span class='from lineNumber'>&nbsp;</span><span class='to lineNumber'>18</span><span class='text'>          text run at (644,466) width 36: &quot;FAIL&quot;</span>
></div>
></div><div class='clear_float'></div></div>
><div class='DiffBlock'>
><div class='DiffBlockPart shared'>
><div class='Line LineContainer'>
><span class='from lineNumber'>16</span><span class='to lineNumber'>19</span><span class='text'>layer at (8,42) size 320x240</span>
></div>
><div class='Line LineContainer'>
><span class='from lineNumber'>17</span><span class='to lineNumber'>20</span><span class='text'>  RenderVideo {VIDEO} at (0,0) size 320x240</span>
></div>
><div class='Line LineContainer'>
><span class='from lineNumber'>18</span><span class='to lineNumber'>21</span><span class='text'>layer at (8,282) size 160x120</span>
></div>
></div><div class='clear_float'></div></div>
></div>
></div>

<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;
}

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:last-child {
    float: right;
}

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

.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;
}

.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=42"></script>

<div class='FileDiff'>
<h1>/tmp/layout-test-results/media/video-aspect-ratio-actual.txt</h1>
<div class='DiffSection'>
<div class='DiffBlock'>
<div class='DiffBlockPart shared'>
<div class='Line LineContainer'>
<span class='from lineNumber'>6</span><span class='to lineNumber'>6</span><span class='text'>      RenderBlock {P} at (0,0) size 784x18</span>
</div>
<div class='Line LineContainer'>
<span class='from lineNumber'>7</span><span class='to lineNumber'>7</span><span class='text'>        RenderText {#text} at (0,0) size 623x18</span>
</div>
<div class='Line LineContainer'>
<span class='from lineNumber'>8</span><span class='to lineNumber'>8</span><span class='text'>          text run at (0,0) width 623: &quot;Test video sizing. You should see one bigger image (paused video) and 7 small ones of 1/4 its size.&quot;</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'>9</span><span class='to lineNumber'>&nbsp;</span><span class='text'>      RenderBlock (anonymous) at (0,34) size 784x48<del>0</del></span>
</div>
</div><div class='DiffBlockPart add'>
<div class='Line LineContainer add'>
<span class='from lineNumber'>&nbsp;</span><span class='to lineNumber'>9</span><span class='text'>      RenderBlock (anonymous) at (0,34) size 784x48<ins>4</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'>10</span><span class='to lineNumber'>10</span><span class='text'>        RenderBR {BR} at (320,240) size 0x0</span>
</div>
<div class='Line LineContainer'>
<span class='from lineNumber'>11</span><span class='to lineNumber'>11</span><span class='text'>        RenderBlock {DIV} at (160,240) size 320x120</span>
</div>
<div class='Line LineContainer'>
<span class='from lineNumber'>12</span><span class='to lineNumber'>12</span><span class='text'>          RenderText {#text} at (0,0) size 0x0</span>
</div>
<div class='Line LineContainer'>
<span class='from lineNumber'>13</span><span class='to lineNumber'>13</span><span class='text'>        RenderBlock {DIV} at (0,360) size 320x120</span>
</div>
<div class='Line LineContainer'>
<span class='from lineNumber'>14</span><span class='to lineNumber'>14</span><span class='text'>          RenderText {#text} at (0,0) size 0x0</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'>15</span><span class='to lineNumber'>&nbsp;</span><span class='text'>        RenderText {#text} at (0,0) size 0x0</span>
</div>
</div><div class='DiffBlockPart add'>
<div class='Line LineContainer add'>
<span class='from lineNumber'>&nbsp;</span><span class='to lineNumber'>15</span><span class='text'>        RenderText {#text} at (640,466) size 4x18</span>
</div>
<div class='Line LineContainer add'>
<span class='from lineNumber'>&nbsp;</span><span class='to lineNumber'>16</span><span class='text'>          text run at (640,466) width 4: &quot; &quot;</span>
</div>
<div class='Line LineContainer add'>
<span class='from lineNumber'>&nbsp;</span><span class='to lineNumber'>17</span><span class='text'>        RenderText {#text} at (644,466) size 36x18</span>
</div>
<div class='Line LineContainer add'>
<span class='from lineNumber'>&nbsp;</span><span class='to lineNumber'>18</span><span class='text'>          text run at (644,466) width 36: &quot;FAIL&quot;</span>
</div>
</div><div class='clear_float'></div></div>
<div class='DiffBlock'>
<div class='DiffBlockPart shared'>
<div class='Line LineContainer'>
<span class='from lineNumber'>16</span><span class='to lineNumber'>19</span><span class='text'>layer at (8,42) size 320x240</span>
</div>
<div class='Line LineContainer'>
<span class='from lineNumber'>17</span><span class='to lineNumber'>20</span><span class='text'>  RenderVideo {VIDEO} at (0,0) size 320x240</span>
</div>
<div class='Line LineContainer'>
<span class='from lineNumber'>18</span><span class='to lineNumber'>21</span><span class='text'>layer at (8,282) size 160x120</span>
</div>
</div><div class='clear_float'></div></div>
</div>
</div>

Actions: View

Attachments on bug 66592: 104566