← Back to branch summary

~didrocks/+junk/face-detection-15.04

« back to all changes in this revision

Viewing changes to facedetection/www/bower_components/paper-drawer-panel/test/positioning.html

  • Committer: Didier Roche
  • Date: 2016-05-10 23:09:11 UTC
  • Revision ID: didier.roche@canonical.com-20160510230911-c7xr490zrj3yrzxd
New version

Show diffs side-by-side

added added

removed removed

Lines of Context:
facedetection/www/bower_components/paper-drawer-panel/test/positioning.html
 
1
<!doctype html>
 
2
<!--
 
3
@license
 
4
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
 
5
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
 
6
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
 
7
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
 
8
Code distributed by Google as part of the polymer project is also
 
9
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 
10
-->
 
11
<html>
 
12
<head>
 
13
  <meta charset="UTF-8">
 
14
  <title>paper-drawer-panel tests</title>
 
15
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
 
16
 
 
17
  <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
 
18
  <script src="../../web-component-tester/browser.js"></script>
 
19
  <link rel="import" href="../paper-drawer-panel.html">
 
20
</head>
 
21
<style>
 
22
  body {
 
23
    margin: 0;
 
24
    padding: 0;
 
25
  }
 
26
</style>
 
27
<body>
 
28
 
 
29
  <test-fixture id="left-drawer">
 
30
    <template>
 
31
        <paper-drawer-panel>
 
32
          <div drawer></div>
 
33
          <div main></div>
 
34
        </paper-drawer-panel>
 
35
    </template>
 
36
  </test-fixture>
 
37
 
 
38
  <test-fixture id="right-drawer">
 
39
    <template>
 
40
      <paper-drawer-panel right-drawer>
 
41
        <div drawer></div>
 
42
        <div main></div>
 
43
      </paper-drawer-panel>
 
44
    </template>
 
45
  </test-fixture>
 
46
 
 
47
  <script>
 
48
    suite('positioning', function() {
 
49
 
 
50
      test('drawer is positioned correctly', function(done) {
 
51
        var f, drawer, main;
 
52
        f = fixture('left-drawer');
 
53
        drawer = f.$$('#drawer');
 
54
        main = f.$$('#main');
 
55
 
 
56
        Polymer.Base.async(function() {
 
57
          var drawerStyle = window.getComputedStyle(drawer);
 
58
          expect(drawerStyle.left).to.be.equal('0px');
 
59
          try {
 
60
            expect(drawerStyle.right).to.be.equal('auto');
 
61
          } catch(e) {
 
62
            // Firefox
 
63
            expect(drawerStyle.right).to.be.equal(f.offsetWidth - drawer.offsetWidth + 'px');
 
64
          }
 
65
          done();
 
66
        });
 
67
      });
 
68
 
 
69
      test('right-drawer is positioned correctly', function(done) {
 
70
        var f, drawer, main;
 
71
        f = fixture('right-drawer');
 
72
        drawer = f.$$('#drawer');
 
73
        main = f.$$('#main');
 
74
 
 
75
        Polymer.Base.async(function() {
 
76
          var drawerStyle = window.getComputedStyle(drawer);
 
77
          expect(drawerStyle.right).to.be.equal('0px');
 
78
 
 
79
          try {
 
80
            expect(drawerStyle.left).to.be.equal('auto');
 
81
          } catch(e) {
 
82
            // Firefox
 
83
            expect(drawerStyle.left).to.be.equal(f.offsetWidth - drawer.offsetWidth + 'px');
 
84
          }
 
85
 
 
86
          done();
 
87
        });
 
88
      });
 
89
 
 
90
    });
 
91
  </script>
 
92
</body>
 
93
</html>