RubyGems - polymer-gold-rails - Versions diffs - 1.0.0.pre.rc.1 - Mend

polymer-gold-rails 1.0.0.pre.rc.1

Files changed (202) hide show

data/app/assets/components/iron-meta/test/basic.html ADDED Viewed

@@ -0,0 +1,48 @@
+<!doctype html>
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+<head>
+  <title>iron-meta-basic</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+  <script src="../../web-component-tester/browser.js"></script>
+  <link rel="import" href="../iron-meta.html">
+</head>
+<body>
+  <iron-meta key="info" value="foo/bar"></iron-meta>
+  <script>
+    suite('basic', function() {
+      test('byKey', function() {
+        var meta = document.createElement('iron-meta');
+        assert.equal(meta.byKey('info'), 'foo/bar');
+      });
+      test('list', function() {
+        var meta = document.createElement('iron-meta');
+        assert.equal(meta.list.length, 1);
+      });
+    });
+  </script>
+</body>
+</html>

data/app/assets/components/iron-meta/test/index.html ADDED Viewed

@@ -0,0 +1,30 @@
+<!doctype html>
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Tests</title>
+  <script src="../../web-component-tester/browser.js"></script>
+</head>
+<body>
+  <script>
+    WCT.loadSuites([
+      'basic.html',
+      'iron-meta.html'
+    ]);
+  </script>
+</body>
+</html>

data/app/assets/components/iron-meta/test/iron-meta.html ADDED Viewed

@@ -0,0 +1,186 @@
+<!doctype html>
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+  <head>
+    <title>iron-meta</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+    <script src="../../web-component-tester/browser.js"></script>
+    <script src="../../test-fixture/test-fixture-mocha.js"></script>
+    <link rel="import" href="../iron-meta.html">
+    <link rel="import" href="../../test-fixture/test-fixture.html">
+  </head>
+  <body>
+    <test-fixture id="TrivialMeta">
+      <template>
+        <iron-meta self key="info"></iron-meta>
+      </template>
+    </test-fixture>
+    <test-fixture id="ManyMetas">
+      <template>
+        <iron-meta self key="default1"></iron-meta>
+        <iron-meta self key="default2"></iron-meta>
+        <iron-meta self key="default3"></iron-meta>
+      </template>
+    </test-fixture>
+    <test-fixture id="DifferentTypedMetas">
+      <template>
+        <iron-meta self type="foo" key="foobarKey"></iron-meta>
+        <iron-meta self type="bar" key="foobarKey"></iron-meta>
+        <iron-meta self key="defaultKey"></iron-meta>
+      </template>
+    </test-fixture>
+    <test-fixture id="ClashingMetas">
+      <template>
+        <iron-meta self key="baz"></iron-meta>
+        <iron-meta self key="baz"></iron-meta>
+      </template>
+    </test-fixture>
+    <script>
+suite('<iron-meta>', function () {
+  suite('basic behavior', function () {
+    var meta;
+    setup(function () {
+      meta = fixture('TrivialMeta');
+    });
+    teardown(function () {
+      meta.key = null;
+    });
+    test('uses itself as the default value', function () {
+      expect(meta.value).to.be.equal(meta);
+    });
+    test('can be assigned alternative values', function () {
+      meta.value = 'foobar';
+      expect(meta.list[0]).to.be.equal('foobar');
+    });
+    test('can access same-type meta values by key', function () {
+      expect(meta.byKey(meta.key)).to.be.equal(meta.value);
+    });
+    test('yields a list of same-type meta data', function () {
+      expect(meta.list).to.be.ok;
+      expect(meta.list.length).to.be.equal(1);
+      expect(meta.list[0]).to.be.equal(meta);
+    });
+  });
+  suite('many same-typed metas', function () {
+    var metas;
+    setup(function () {
+      metas = fixture('ManyMetas');
+    });
+    teardown(function () {
+      metas.forEach(function (meta) {
+        meta.key = null;
+      });
+    });
+    test('all cache all meta values', function () {
+      metas.forEach(function (meta, index) {
+        expect(meta.list.length).to.be.equal(metas.length);
+        expect(meta.list[index].value).to.be.equal(meta.value);
+      });
+    });
+    test('can be unregistered individually', function () {
+      metas[0].key = null;
+      expect(metas[0].list.length).to.be.equal(2);
+      expect(metas[0].list).to.be.deep.equal([metas[1], metas[2]])
+    });
+    test('can access each others value by key', function () {
+      expect(metas[0].byKey('default2')).to.be.equal(metas[1].value);
+    });
+  });
+  suite('different-typed metas', function () {
+    var metas;
+    setup(function () {
+      metas = fixture('DifferentTypedMetas');
+    });
+    teardown(function () {
+      metas.forEach(function (meta) {
+        meta.key = null;
+      });
+    });
+    test('cache their values separately', function () {
+      var fooMeta = metas[0];
+      var barMeta = metas[1];
+      expect(fooMeta.value).to.not.be.equal(barMeta.value);
+      expect(fooMeta.byKey('foobarKey')).to.be.equal(fooMeta.value);
+      expect(barMeta.byKey('foobarKey')).to.be.equal(barMeta.value);
+    });
+    test('cannot access values of other types', function () {
+      var defaultMeta = metas[2];
+      expect(defaultMeta.byKey('foobarKey')).to.be.equal(undefined);
+    });
+    test('only list values of their type', function () {
+      metas.forEach(function (meta) {
+        expect(meta.list.length).to.be.equal(1);
+        expect(meta.list[0]).to.be.equal(meta.value);
+      })
+    });
+  });
+  suite('metas with clashing keys', function () {
+    var metaPair;
+    setup(function () {
+      metaPair = fixture('ClashingMetas');
+    });
+    teardown(function () {
+      metaPair.forEach(function (meta) {
+        meta.key = null;
+      });
+    });
+    test('let the last value win registration against the key', function () {
+      var registeredValue = metaPair[0].byKey(metaPair[0].key);
+      var firstValue = metaPair[0].value;
+      var secondValue = metaPair[1].value;
+      expect(registeredValue).to.not.be.equal(firstValue);
+      expect(registeredValue).to.be.equal(secondValue);
+    });
+  });
+});
+    </script>
+  </body>
+</html>

data/app/assets/components/iron-validatable-behavior/README.md ADDED Viewed

@@ -0,0 +1,3 @@
+# iron-validatable-behavior
+Implements an element validated with Polymer.IronValidatorBehavior

data/app/assets/components/iron-validatable-behavior/bower.json ADDED Viewed

@@ -0,0 +1,35 @@
+{
+  "name": "iron-validatable-behavior",
+  "version": "1.0.2",
+  "description": "Provides a behavior for an element that validates user input",
+  "authors": "The Polymer Authors",
+  "keywords": [
+    "web-components",
+    "polymer",
+    "iron",
+    "behavior"
+  ],
+  "main": [
+    "iron-validatable-behavior.html"
+  ],
+  "private": true,
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/PolymerElements/iron-validatable-behavior.git"
+  },
+  "license": "http://polymer.github.io/LICENSE.txt",
+  "homepage": "https://github.com/PolymerElements/iron-validatable-behavior",
+  "ignore": [],
+  "dependencies": {
+    "iron-meta": "PolymerElements/iron-meta#^1.0.0",
+    "polymer": "Polymer/polymer#^1.0.0"
+  },
+  "devDependencies": {
+    "paper-styles": "PolymerElements/paper-styles#^1.0.4",
+    "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
+    "iron-validator-behavior": "PolymerElements/iron-validator-behavior#^1.0.0",
+    "test-fixture": "PolymerElements/test-fixture#^1.0.0",
+    "web-component-tester": "*",
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
+  }
+}

data/app/assets/components/iron-validatable-behavior/demo/cats-only.html ADDED Viewed

@@ -0,0 +1,46 @@
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<link rel="import" href="../../polymer/polymer.html">
+<link rel="import" href="../../iron-validator-behavior/iron-validator-behavior.html">
+<script>
+  Polymer({
+    is: 'cats-only',
+    behaviors: [
+      Polymer.IronValidatorBehavior
+    ],
+    validateObject: function(obj) {
+      var valid = true;
+      for (key in obj) {
+        if (obj[key] !== 'cats') {
+          valid = false;
+          break;
+        }
+      }
+      return valid;
+    },
+    validate: function(values) {
+      if (typeof values === 'object') {
+        return this.validateObject(values);
+      } else {
+        var value = Array.isArray(values) ? values.join('') : values;
+        return value.match(/^(c|ca|cat|cats)?$/) !== null;
+      }
+    }
+  });
+</script>

data/app/assets/components/iron-validatable-behavior/demo/index.html ADDED Viewed

@@ -0,0 +1,71 @@
+<!doctype html>
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
+  <title>iron-validatable-behavior demo</title>
+  <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+  <link rel="import" href="../../paper-styles/demo-pages.html">
+  <link rel="import" href="cats-only.html">
+  <link rel="import" href="validatable-input.html">
+  <style is="custom-style">
+    .valid {
+      color: var(--google-green-500);
+    }
+    .invalid {
+      color: var(--google-red-500);
+    }
+  </style>
+</head>
+<body>
+  <div class="vertical-section vertical-section-container centered">
+  <h1>&lt;iron-validatable-behavior&gt;</h1>
+  <template is="dom-bind">
+    <cats-only></cats-only>
+    <section>
+      <p>
+        only type <code>cats</code>:
+        <input is="validatable-input" invalid="{{invalid}}" validator="cats-only">
+        <span class="valid" hidden$="[[invalid]]">valid</span>
+        <span class="invalid" hidden$="[[!invalid]]">invalid</span>
+      </p>
+    </section>
+  </template>
+  </div>
+  <script>
+    document.querySelector('template[is="dom-bind"]').invalid = false;
+  </script>
+</body>
+</html>

data/app/assets/components/iron-validatable-behavior/demo/validatable-input.html ADDED Viewed

@@ -0,0 +1,46 @@
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<link rel="import" href="../../polymer/polymer.html">
+<link rel="import" href="../iron-validatable-behavior.html">
+<script>
+  Polymer({
+    is: 'validatable-input',
+    extends: 'input',
+    properties: {
+      invalid: {
+        notify: true,
+        type: Boolean,
+        value: false
+      }
+    },
+    behaviors: [
+      Polymer.IronValidatableBehavior
+    ],
+    listeners: {
+      'input': '_onInput'
+    },
+    _onInput: function(event) {
+      this.invalid = !this.validate(event.target.value);
+    }
+  });
+</script>