From b5fc31e2b1e34dc6316d89c9e134fd26affbd9a7 Mon Sep 17 00:00:00 2001
From: Steve Orvell <steve@orvellia.com>
Date: Wed, 6 Nov 2013 10:24:06 -0800
Subject: [PATCH] more tests

---
 .../examples/element-fixed/element.html       | 163 +++++++++++++++++
 .../examples/element-fixed/element1-hat.html  | 163 +++++++++++++++++
 .../element2-simplified-lifecycle.html        | 172 +++++++++++++++++
 .../examples/element-fixed/element3-raw.html  | 173 ++++++++++++++++++
 list/elements/examples/element/element.html   |   2 +-
 .../examples/element/element1-hat.html        |   2 +-
 .../element2-simplified-lifecycle.html        |   2 +-
 .../examples/element/element3-raw.html        |   2 +-
 .../elements/examples/fixed/medium-fixed.html |   3 +-
 .../examples/fixed/medium-virtual-fixed.html  |   3 +-
 list/elements/examples/test.js                |  23 +++
 list/elements/polymer-list/polymer-list.html  |   2 +-
 .../polymer-virtual-list.html                 |   3 +-
 13 files changed, 702 insertions(+), 11 deletions(-)
 create mode 100644 list/elements/examples/element-fixed/element.html
 create mode 100644 list/elements/examples/element-fixed/element1-hat.html
 create mode 100644 list/elements/examples/element-fixed/element2-simplified-lifecycle.html
 create mode 100644 list/elements/examples/element-fixed/element3-raw.html
 create mode 100644 list/elements/examples/test.js
diff --git a/list/elements/examples/element-fixed/element.html b/list/elements/examples/element-fixed/element.html
new file mode 100644
index 0000000..bb00c3d
--- /dev/null
+++ b/list/elements/examples/element-fixed/element.html
@@ -0,0 +1,163 @@
+<!doctype html>
+<!--
+Copyright 2013 The Polymer Authors. All rights reserved.
+Use of this source code is governed by a BSD-style
+license that can be found in the LICENSE file.
+-->
+<html>
+  <head>
+    <title>list: medium</title>
+    <meta name="viewport" content="width=device-width">
+    <script src="../../../../../polymer/polymer.js"></script>
+    <script src="../test.js"></script>
+    <link rel="import" href="../../polymer-list/polymer-list.html">
+    <style>
+      html, body {
+        height: 100%;
+        margin: 0;
+      }
+      
+      list-test {
+        display: block;
+        height: 100%;
+        margin: 0 auto;
+      }
+
+      .stuff {
+        min-height: 60px;
+        background: red !important;
+        border-bottom: 1px solid black;
+      }
+    </style>
+  </head>
+  <body>
+    <list-test id="lt"></list-test>
+
+    <polymer-element name="list-item" attributes="data" noscript>
+      <template>
+        <style>
+          .message {
+            box-sizing: border-box;
+            height: 80px;
+            padding: 4px;
+            padding-left: 77px;
+            line-height: 167%;
+            cursor: default;
+            background-color: white;
+            position: relative;
+            color: black;
+            background-repeat: no-repeat;
+            background-position: 10px 10px;
+            background-size: 60px;
+            border-bottom: 1px solid #ddd;
+          }
+          
+          .from {
+            display: inline;
+            font-weight: bold;
+          }
+          
+          .timestamp {
+            margin-left: 10px;
+            font-size: 12px;
+            opacity: 0.8;
+          }
+          
+          .body {
+            font-size: 12px;
+            opacity: 0.8;
+          }
+          
+          .subject {
+          }
+          
+          .divider {
+            background: grey;
+            color: white;
+            height: 30px;
+            line-height: 30px;
+            padding: 0 10px;
+            text-transform: uppercase;
+          }
+        </style>
+        <div class="message" Xstyle="background-image: url(images/{{data.index % 4}}.png);">
+          <span class="from">{{data.name}}</span>
+          <span class="timestamp">{{data.time}}</span>
+          <div class="subject">Infinite List. {{data.index}}</div>
+          <div class="body">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>
+        </div>
+      </template> 
+    </polymer-element>
+
+    <polymer-element name="list-test">
+      <template>
+        <style>
+          polymer-list {
+            height: 100%;
+          }
+        </style>
+        <polymer-list id="list" data="{{data}}" listData="{{listData}}" fixedHeight>
+          <template repeat="{{listData}}">
+            <div class="{{page}}">
+              <list-item data="{{}}"></list-item>
+            </div>
+          </template>
+        </polymer-list>
+      </template>
+      <script>
+      (function() {
+        var strings = [
+          "PARKOUR!",
+          "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...",
+          "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."
+        ];
+
+        var namegen = {
+          generateString: function(inLength) {
+            var s = '';
+            for (var i=0; i<inLength; i++) {
+              s += String.fromCharCode(Math.floor(Math.random() * 26) + 97);
+            }
+            return s;
+          },
+          generateName: function(inMin, inMax) {
+            return this.generateString(Math.floor(Math.random() * (inMax - inMin + 1) + inMin));
+          }
+        };
+ 
+        Polymer('list-test', {
+          count: 50000,
+          ready: function() {
+            this.data = this.generateData();
+          },
+          generateData: function() {
+            var names = [], data = [];
+            for (var i=0; i<this.count; i++) {
+              names.push(namegen.generateName(4, 8));
+            }
+            names.sort();
+            for (var i=0; i<this.count; i++) {
+              var name = names[i];
+              var divider = name.charAt(0);
+              if (divider === (names[i-1] || '').charAt(0)) {
+                divider = null;
+              }
+              data.push({
+                index: i,
+                name: name,
+                divider: divider,
+                details: strings[i % 3],
+                time: '8:29pm'
+              });
+            }
+            return data;
+          },
+          tapAction: function(e) {
+            console.log('tap', e);
+          }
+        });
+      })();  
+      </script>
+    </polymer-element>
+  </body>
+</html>
diff --git a/list/elements/examples/element-fixed/element1-hat.html b/list/elements/examples/element-fixed/element1-hat.html
new file mode 100644
index 0000000..964f711
--- /dev/null
+++ b/list/elements/examples/element-fixed/element1-hat.html
@@ -0,0 +1,163 @@
+<!doctype html>
+<!--
+Copyright 2013 The Polymer Authors. All rights reserved.
+Use of this source code is governed by a BSD-style
+license that can be found in the LICENSE file.
+-->
+<html>
+  <head>
+    <title>list: medium</title>
+    <meta name="viewport" content="width=device-width">
+    <script src="../../../../../polymer/polymer.js"></script>
+    <script src="../test.js"></script>
+    <link rel="import" href="../../polymer-list/polymer-list.html">
+    <style>
+      html, body {
+        height: 100%;
+        margin: 0;
+      }
+      
+      list-test {
+        display: block;
+        height: 100%;
+        margin: 0 auto;
+      }
+
+      .stuff {
+        min-height: 60px;
+        background: red !important;
+        border-bottom: 1px solid black;
+      }
+    </style>
+  </head>
+  <body>
+    <list-test id="lt"></list-test>
+
+    <polymer-element name="list-item" attributes="data" noscript>
+      <template>
+        <div class="message" Xstyle="background-image: url(images/{{data.index % 4}}.png);">
+          <span class="from">{{data.name}}</span>
+          <span class="timestamp">{{data.time}}</span>
+          <div class="subject">Infinite List. {{data.index}}</div>
+          <div class="body">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>
+        </div>
+      </template> 
+    </polymer-element>
+
+    <polymer-element name="list-test">
+      <template>
+        <style>
+          polymer-list {
+            height: 100%;
+          }
+          
+          list-item ^ .message {
+            box-sizing: border-box;
+            height: 80px;
+            padding: 4px;
+            padding-left: 77px;
+            line-height: 167%;
+            cursor: default;
+            background-color: white;
+            position: relative;
+            color: black;
+            background-repeat: no-repeat;
+            background-position: 10px 10px;
+            background-size: 60px;
+            border-bottom: 1px solid #ddd;
+          }
+          
+          list-item ^ .from {
+            display: inline;
+            font-weight: bold;
+          }
+          
+          list-item ^ .timestamp {
+            margin-left: 10px;
+            font-size: 12px;
+            opacity: 0.8;
+          }
+          
+          list-item ^ .body {
+            font-size: 12px;
+            opacity: 0.8;
+          }
+          
+          list-item ^ .subject {
+          }
+          
+          list-item ^ .divider {
+            background: grey;
+            color: white;
+            height: 30px;
+            line-height: 30px;
+            padding: 0 10px;
+            text-transform: uppercase;
+          }
+        </style>
+        <polymer-list id="list" data="{{data}}" listData="{{listData}}" fixedHeight>
+          <template repeat="{{listData}}">
+            <div class="{{page}}">
+              <list-item data="{{}}"></list-item>
+            </div>
+          </template>
+        </polymer-list>
+
+      </template>
+      <script>
+      (function() {
+        var strings = [
+          "PARKOUR!",
+          "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...",
+          "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."
+        ];
+
+        var namegen = {
+          generateString: function(inLength) {
+            var s = '';
+            for (var i=0; i<inLength; i++) {
+              s += String.fromCharCode(Math.floor(Math.random() * 26) + 97);
+            }
+            return s;
+          },
+          generateName: function(inMin, inMax) {
+            return this.generateString(Math.floor(Math.random() * (inMax - inMin + 1) + inMin));
+          }
+        };
+ 
+        Polymer('list-test', {
+          count: 50000,
+          ready: function() {
+            this.data = this.generateData();
+          },
+          generateData: function() {
+            var names = [], data = [];
+            for (var i=0; i<this.count; i++) {
+              names.push(namegen.generateName(4, 8));
+            }
+            names.sort();
+            for (var i=0; i<this.count; i++) {
+              var name = names[i];
+              var divider = name.charAt(0);
+              if (divider === (names[i-1] || '').charAt(0)) {
+                divider = null;
+              }
+              data.push({
+                index: i,
+                name: name,
+                divider: divider,
+                details: strings[i % 3],
+                time: '8:29pm'
+              });
+            }
+            return data;
+          },
+          tapAction: function(e) {
+            console.log('tap', e);
+          }
+        });
+      })();  
+      </script>
+    </polymer-element>
+  </body>
+</html>
diff --git a/list/elements/examples/element-fixed/element2-simplified-lifecycle.html b/list/elements/examples/element-fixed/element2-simplified-lifecycle.html
new file mode 100644
index 0000000..8beb596
--- /dev/null
+++ b/list/elements/examples/element-fixed/element2-simplified-lifecycle.html
@@ -0,0 +1,172 @@
+<!doctype html>
+<!--
+Copyright 2013 The Polymer Authors. All rights reserved.
+Use of this source code is governed by a BSD-style
+license that can be found in the LICENSE file.
+-->
+<html>
+  <head>
+    <title>list: medium</title>
+    <meta name="viewport" content="width=device-width">
+    <script src="../../../../../polymer/polymer.js"></script>
+    <script src="../test.js"></script>
+    <link rel="import" href="../../polymer-list/polymer-list.html">
+    <style>
+      html, body {
+        height: 100%;
+        margin: 0;
+      }
+      
+      list-test {
+        display: block;
+        height: 100%;
+        margin: 0 auto;
+      }
+
+      .stuff {
+        min-height: 60px;
+        background: red !important;
+        border-bottom: 1px solid black;
+      }
+    </style>
+  </head>
+  <body>
+    <list-test id="lt"></list-test>
+
+    <polymer-element name="list-item" attributes="data">
+      <template>
+        <div class="message" Xstyle="background-image: url(images/{{data.index % 4}}.png);">
+          <span class="from">{{data.name}}</span>
+          <span class="timestamp">{{data.time}}</span>
+          <div class="subject">Infinite List. {{data.index}}</div>
+          <div class="body">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>
+        </div>
+      </template> 
+      <script>
+        Polymer('list-item', {
+          createdCallback: function() {
+            this.prepareElement();
+          },
+          enteredViewCallback: function() {},
+          leftViewCallback: function() {}
+        });
+      </script>
+    </polymer-element>
+
+    <polymer-element name="list-test">
+      <template>
+        <style>
+          polymer-list {
+            height: 100%;
+          }
+          
+          list-item ^ .message {
+            box-sizing: border-box;
+            height: 80px;
+            padding: 4px;
+            padding-left: 77px;
+            line-height: 167%;
+            cursor: default;
+            background-color: white;
+            position: relative;
+            color: black;
+            background-repeat: no-repeat;
+            background-position: 10px 10px;
+            background-size: 60px;
+            border-bottom: 1px solid #ddd;
+          }
+          
+          list-item ^ .from {
+            display: inline;
+            font-weight: bold;
+          }
+          
+          list-item ^ .timestamp {
+            margin-left: 10px;
+            font-size: 12px;
+            opacity: 0.8;
+          }
+          
+          list-item ^ .body {
+            font-size: 12px;
+            opacity: 0.8;
+          }
+          
+          list-item ^ .subject {
+          }
+          
+          list-item ^ .divider {
+            background: grey;
+            color: white;
+            height: 30px;
+            line-height: 30px;
+            padding: 0 10px;
+            text-transform: uppercase;
+          }
+        </style>
+        <polymer-list id="list" data="{{data}}" listData="{{listData}}" fixedHeight>
+          <template repeat="{{listData}}">
+            <div class="{{page}}">
+              <list-item data="{{}}"></list-item>
+            </div>
+          </template>
+        </polymer-list>
+
+      </template>
+      <script>
+      (function() {
+        var strings = [
+          "PARKOUR!",
+          "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...",
+          "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."
+        ];
+
+        var namegen = {
+          generateString: function(inLength) {
+            var s = '';
+            for (var i=0; i<inLength; i++) {
+              s += String.fromCharCode(Math.floor(Math.random() * 26) + 97);
+            }
+            return s;
+          },
+          generateName: function(inMin, inMax) {
+            return this.generateString(Math.floor(Math.random() * (inMax - inMin + 1) + inMin));
+          }
+        };
+ 
+        Polymer('list-test', {
+          count: 50000,
+          ready: function() {
+            this.data = this.generateData();
+          },
+          generateData: function() {
+            var names = [], data = [];
+            for (var i=0; i<this.count; i++) {
+              names.push(namegen.generateName(4, 8));
+            }
+            names.sort();
+            for (var i=0; i<this.count; i++) {
+              var name = names[i];
+              var divider = name.charAt(0);
+              if (divider === (names[i-1] || '').charAt(0)) {
+                divider = null;
+              }
+              data.push({
+                index: i,
+                name: name,
+                divider: divider,
+                details: strings[i % 3],
+                time: '8:29pm'
+              });
+            }
+            return data;
+          },
+          tapAction: function(e) {
+            console.log('tap', e);
+          }
+        });
+      })();  
+      </script>
+    </polymer-element>
+  </body>
+</html>
diff --git a/list/elements/examples/element-fixed/element3-raw.html b/list/elements/examples/element-fixed/element3-raw.html
new file mode 100644
index 0000000..b4a0994
--- /dev/null
+++ b/list/elements/examples/element-fixed/element3-raw.html
@@ -0,0 +1,173 @@
+<!doctype html>
+<!--
+Copyright 2013 The Polymer Authors. All rights reserved.
+Use of this source code is governed by a BSD-style
+license that can be found in the LICENSE file.
+-->
+<html>
+  <head>
+    <title>list: medium</title>
+    <meta name="viewport" content="width=device-width">
+    <script src="../../../../../polymer/polymer.js"></script>
+    <script src="../test.js"></script>
+    <link rel="import" href="../../polymer-list/polymer-list.html">
+    <style>
+      html, body {
+        height: 100%;
+        margin: 0;
+      }
+      
+      list-test {
+        display: block;
+        height: 100%;
+        margin: 0 auto;
+      }
+
+      .stuff {
+        min-height: 60px;
+        background: red !important;
+        border-bottom: 1px solid black;
+      }
+    </style>
+  </head>
+  <body>
+    <list-test id="lt"></list-test>
+
+    <script>
+      var proto = Object.create(HTMLElement.prototype);
+      proto.createdCallback = function() {
+        var root = this.createShadowRoot();
+        root.appendChild(document.createElement('content'));
+      }
+      proto.enteredViewCallback = function() {}
+      proto.leftViewCallback = function() {}
+      document.register('list-item', {prototype: proto});
+    </script>
+
+    <polymer-element name="list-test">
+      <template>
+        <style>
+          polymer-list {
+            height: 100%;
+          }
+
+          .message {
+            box-sizing: border-box;
+            height: 80px;
+            padding: 4px;
+            padding-left: 77px;
+            line-height: 167%;
+            cursor: default;
+            background-color: white;
+            position: relative;
+            color: black;
+            background-repeat: no-repeat;
+            background-position: 10px 10px;
+            background-size: 60px;
+            border-bottom: 1px solid #ddd;
+          }
+          
+          .from {
+            display: inline;
+            font-weight: bold;
+          }
+          
+          .timestamp {
+            margin-left: 10px;
+            font-size: 12px;
+            opacity: 0.8;
+          }
+          
+          .body {
+            font-size: 12px;
+            opacity: 0.8;
+            /*white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;*/
+          }
+          
+          .subject {
+          }
+          
+          .divider {
+            background: grey;
+            color: white;
+            height: 30px;
+            line-height: 30px;
+            padding: 0 10px;
+            text-transform: uppercase;
+          }
+        </style>
+        <polymer-list id="list" data="{{data}}" listData="{{listData}}" fixedHeight>
+          <template repeat="{{listData}}">
+            <div class="{{page}}">
+              <list-item>
+                <div class="message" Xstyle="background-image: url(images/{{index % 4}}.png);">
+                  <span class="from">{{name}}</span>
+                  <span class="timestamp">{{time}}</span>
+                  <div class="subject">Infinite List. {{index}}</div>
+                  <div class="body">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>
+                </div>
+              </list-item>
+            </div>
+          </template>
+        </polymer-list>
+
+      </template>
+      <script>
+      (function() {
+        var strings = [
+          "PARKOUR!",
+          "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...",
+          "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."
+        ];
+
+        var namegen = {
+          generateString: function(inLength) {
+            var s = '';
+            for (var i=0; i<inLength; i++) {
+              s += String.fromCharCode(Math.floor(Math.random() * 26) + 97);
+            }
+            return s;
+          },
+          generateName: function(inMin, inMax) {
+            return this.generateString(Math.floor(Math.random() * (inMax - inMin + 1) + inMin));
+          }
+        };
+ 
+        Polymer('list-test', {
+          count: 50000,
+          ready: function() {
+            this.data = this.generateData();
+          },
+          generateData: function() {
+            var names = [], data = [];
+            for (var i=0; i<this.count; i++) {
+              names.push(namegen.generateName(4, 8));
+            }
+            names.sort();
+            for (var i=0; i<this.count; i++) {
+              var name = names[i];
+              var divider = name.charAt(0);
+              if (divider === (names[i-1] || '').charAt(0)) {
+                divider = null;
+              }
+              data.push({
+                index: i,
+                name: name,
+                divider: divider,
+                details: strings[i % 3],
+                time: '8:29pm'
+              });
+            }
+            return data;
+          },
+          tapAction: function(e) {
+            console.log('tap', e);
+          }
+        });
+      })();  
+      </script>
+    </polymer-element>
+  </body>
+</html>
diff --git a/list/elements/examples/element/element.html b/list/elements/examples/element/element.html
index 00b47b2..f80a873 100644
--- a/list/elements/examples/element/element.html
+++ b/list/elements/examples/element/element.html
@@ -9,6 +9,7 @@
     <title>list: medium</title>
     <meta name="viewport" content="width=device-width">
     <script src="../../../../../polymer/polymer.js"></script>
+    <script src="../test.js"></script>
     <link rel="import" href="../../polymer-list/polymer-list.html">
     <style>
       html, body {
@@ -96,7 +97,6 @@
         <style>
           polymer-list {
             height: 100%;
-            background: red;
           }
         </style>
         <polymer-list id="list" data="{{data}}" listData="{{listData}}">
diff --git a/list/elements/examples/element/element1-hat.html b/list/elements/examples/element/element1-hat.html
index ee34e3a..78a20f2 100644
--- a/list/elements/examples/element/element1-hat.html
+++ b/list/elements/examples/element/element1-hat.html
@@ -9,6 +9,7 @@
     <title>list: medium</title>
     <meta name="viewport" content="width=device-width">
     <script src="../../../../../polymer/polymer.js"></script>
+    <script src="../test.js"></script>
     <link rel="import" href="../../polymer-list/polymer-list.html">
     <style>
       html, body {
@@ -51,7 +52,6 @@
         <style>
           polymer-list {
             height: 100%;
-            background: red;
           }
           
           list-item ^ .message {
diff --git a/list/elements/examples/element/element2-simplified-lifecycle.html b/list/elements/examples/element/element2-simplified-lifecycle.html
index e2e0614..a15055d 100644
--- a/list/elements/examples/element/element2-simplified-lifecycle.html
+++ b/list/elements/examples/element/element2-simplified-lifecycle.html
@@ -9,6 +9,7 @@
     <title>list: medium</title>
     <meta name="viewport" content="width=device-width">
     <script src="../../../../../polymer/polymer.js"></script>
+    <script src="../test.js"></script>
     <link rel="import" href="../../polymer-list/polymer-list.html">
     <style>
       html, body {
@@ -60,7 +61,6 @@
         <style>
           polymer-list {
             height: 100%;
-            background: red;
           }
           
           list-item ^ .message {
diff --git a/list/elements/examples/element/element3-raw.html b/list/elements/examples/element/element3-raw.html
index b851b9c..e55a90f 100644
--- a/list/elements/examples/element/element3-raw.html
+++ b/list/elements/examples/element/element3-raw.html
@@ -9,6 +9,7 @@
     <title>list: medium</title>
     <meta name="viewport" content="width=device-width">
     <script src="../../../../../polymer/polymer.js"></script>
+    <script src="../test.js"></script>
     <link rel="import" href="../../polymer-list/polymer-list.html">
     <style>
       html, body {
@@ -48,7 +49,6 @@
         <style>
           polymer-list {
             height: 100%;
-            background: red;
           }
 
           .message {
diff --git a/list/elements/examples/fixed/medium-fixed.html b/list/elements/examples/fixed/medium-fixed.html
index 6a5ca42..0b3c728 100644
--- a/list/elements/examples/fixed/medium-fixed.html
+++ b/list/elements/examples/fixed/medium-fixed.html
@@ -86,7 +86,7 @@
             text-transform: uppercase;
           }
         </style>
-        <polymer-list id="list" data="{{data}}" listData="{{listData}}">
+        <polymer-list id="list" data="{{data}}" listData="{{listData}}" fixedHeight>
           <template repeat="{{listData}}">
             <div class="{{page}}">
               <div class="message" Xstyle="background-image: url(images/{{index % 4}}.png);">
@@ -124,7 +124,6 @@
         Polymer('list-test', {
           count: 50000,
           ready: function() {
-            this.$.list.fixedHeight = true;
             this.data = this.generateData();
           },
           generateData: function() {
diff --git a/list/elements/examples/fixed/medium-virtual-fixed.html b/list/elements/examples/fixed/medium-virtual-fixed.html
index cbc0d0c..579badd 100644
--- a/list/elements/examples/fixed/medium-virtual-fixed.html
+++ b/list/elements/examples/fixed/medium-virtual-fixed.html
@@ -87,7 +87,7 @@
             text-transform: uppercase;
           }
         </style>
-        <polymer-virtual-list id="list" on-polymer-list-generate-page="{{generateListPage}}" count="{{count}}">
+        <polymer-virtual-list id="list" fixedHeight on-polymer-list-generate-page="{{generateListPage}}" count="{{count}}">
         </polymer-virtual-list>
 
         <template id="listItem">
@@ -127,7 +127,6 @@
           count: 50000,
           ready: function() {
             this.data = this.generateData();
-            this.$.list.fixedHeight = true;
           },
           generateData: function() {
             var names = [], data = [];
diff --git a/list/elements/examples/test.js b/list/elements/examples/test.js
new file mode 100644
index 0000000..67e9076
--- /dev/null
+++ b/list/elements/examples/test.js
@@ -0,0 +1,23 @@
+(function() {
+  var testFrames = 100;
+  var testStep = 5000;
+
+  function test() {
+    var list = document.querySelector('#lt');
+    var testStart = Date.now();
+    var frames = 0;
+    function next() {
+      list.$.list.scrollOffset += testStep;
+      frames++;
+      if (frames < testFrames) {
+        requestAnimationFrame(next);
+      } else {
+        console.log('time/frame: %fms',
+           (Date.now() - testStart) / testFrames);
+      }
+    }
+    requestAnimationFrame(next);
+  }
+  
+  window.test = test;
+})();
\ No newline at end of file
diff --git a/list/elements/polymer-list/polymer-list.html b/list/elements/polymer-list/polymer-list.html
index 1bcda96..4bc03e8 100644
--- a/list/elements/polymer-list/polymer-list.html
+++ b/list/elements/polymer-list/polymer-list.html
@@ -46,7 +46,7 @@
       invalidatePages: function(info) {
         this.generateListData(info);
         this.super(arguments);
-        if (!this.fixedHeight) {
+        if (!this.fixedHeight || !this.rowHeight) {
           this.onMutation(this, function() {
             this.invalidate(info);
           });
diff --git a/list/elements/polymer-virtual-list/polymer-virtual-list.html b/list/elements/polymer-virtual-list/polymer-virtual-list.html
index a5b2055..92d8e58 100644
--- a/list/elements/polymer-virtual-list/polymer-virtual-list.html
+++ b/list/elements/polymer-virtual-list/polymer-virtual-list.html
@@ -1,4 +1,4 @@
-<polymer-element name="polymer-virtual-list" attributes="count pageSize numPages horizontal">
+<polymer-element name="polymer-virtual-list" attributes="count pageSize numPages horizontal fixedHeight">
   <template>
     <link rel="stylesheet" href="polymer-virtual-list.css">
     <div id="list" class="polymer-list-list">
@@ -66,7 +66,6 @@
               h -= this.getPageHeight(i);
             }
           }
-          console.log('pageCount changed', delta, h);
           this.viewportHeight += h;
         }
       },
