summaryrefslogtreecommitdiffstats
path: root/dom/canvas/test/test_filter.html
blob: f4cac00a4bb5b8737e93cb7ef9fafee502b249ec (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
<!DOCTYPE HTML>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" href="/tests/SimpleTest/test.css">
<body>
<script>

SpecialPowers.pushPrefEnv({ 'set': [['canvas.filters.enabled', true]] }, function () {

  var canvas = document.createElement('canvas');
  var ctx = canvas.getContext('2d');

  is(ctx.filter, 'none', 'filter should intialy be set to \'none\'');
  ctx.filter = 'blur(5px)';
  is(ctx.filter, 'blur(5px)', 'valid filter should round-trip');

  ctx.save();
  ctx.filter = 'none';
  is(ctx.filter, 'none', 'none should unset the filter');
  ctx.restore();
  is(ctx.filter, 'blur(5px)', 'filter should be part of the state');

  ctx.filter = 'blur(10)';
  is(ctx.filter, 'blur(5px)', 'invalid filter should be ignored');
  ctx.filter = 'blur 10px';
  is(ctx.filter, 'blur(5px)', 'syntax error should be ignored');

  ctx.filter = 'inherit';
  is(ctx.filter, 'blur(5px)', 'inherit should be ignored');
  ctx.filter = 'initial';
  is(ctx.filter, 'blur(5px)', 'initial should be ignored');

  ctx.filter = '';
  is(ctx.filter, 'blur(5px)', 'empty string should be ignored and not unset the filter');
  ctx.filter = null;
  is(ctx.filter, 'blur(5px)', 'null should be ignored and not unset the filter');
  ctx.filter = undefined;
  is(ctx.filter, 'blur(5px)', 'undefined should be ignored and not unset the filter');

  SimpleTest.finish();
  
});

SimpleTest.waitForExplicitFinish();

</script>