summaryrefslogtreecommitdiffstats
path: root/dom/plugins/test/mochitest/test_painting.html
blob: 08ebd4675726fc4b690032fa37024db342ba4ae9 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE HTML>
<html>
<head>
  <title>Test for windowless plugin invalidation and expose events in clips</title>
  <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
  <style>
    div#container {
      position: relative;
      height: 30px;
      background: blue;
    }
    div#clip {
      overflow:hidden;
      position:absolute;
      left: 10.3px;
      top: 9.7px;
      width: 10px;
      height: 0px;
      background: red;
    }
    embed {
      position:absolute;
    }
    embed#paint-waiter {
      top: 0px;
      left: 0px;
      width: 1px;
      height: 0px;
    }
    embed#clipped {
      left: -5.3px;
      top: -4.7px;
      width: 20px;
      height: 20px;
    }
  </style>
</head>
<body onload="initialize()">

<script type="application/javascript" src="plugin-utils.js"></script>
<script type="application/javascript">
SimpleTest.waitForExplicitFinish();
SimpleTest.requestFlakyTimeout("untriaged");
setTestPluginEnabledState(SpecialPowers.Ci.nsIPluginTag.STATE_ENABLED);

var paint_waiter;
var clip;
var clipped;

function initialize() {
  paint_waiter = document.getElementById("paint-waiter");
  clip = document.getElementById("clip");
  clipped = document.getElementById("clipped");

  waitForPaint(show);
}

function show() {
  paintCountIs(clipped, 0, "fully clipped plugin not painted");

  clip.style.height = "10px";

  // Capturing an image (as in a reftest) would force a repaint and use
  // different paths for the image surface, so instead check the plugin's
  // paint count.
  waitForPaint(invalidate);
}

function invalidate() {
  paintCountIs(clipped, 1, "partially clipped plugin painted once");  
  
  clipped.setColor("FF00FF00"); // plugin invalidates

  waitForPaint(done);
}

function done() {
  paintCountIs(clipped, 2, "painted after invalidate");

  SimpleTest.finish();  
}

function waitForPaint(func) {
  paint_waiter.last_paint_count = paint_waiter.getPaintCount();
  // Ensure the waiter has had a style change, so that this will
  // change its size and cause a paint.
  paint_waiter.style.backgroundColor = paint_waiter.style.backgroundColor == "blue" ? "yellow" : "blue";
  var flush = paint_waiter.offsetHeight;
  paint_waiter.style.height = "1px";
  waitForPaintHelper(func);
}

function waitForPaintHelper(func) {
  if (paint_waiter.getPaintCount() != paint_waiter.last_paint_count) {
    // hide the paint waiter
    paint_waiter.style.height = "0px";
    setTimeout(func, 0);
    return;
  }
  setTimeout(function() { waitForPaintHelper(func); }, 1000);
}

</script>

<p id="display"></p>
<div id="container">
  <embed id="paint-waiter" type="application/x-test"/>
  <div id="clip">
    <embed id="clipped" type="application/x-test"
           drawmode="solid" color="FF808080"/>
  </div>
</div>
<div id="content" style="display: none">

</div>
<pre id="test">
</pre>

</body>
</html>