mirror of
https://github.com/jlengrand/webcomponentsjs.git
synced 2026-05-10 00:41:22 +00:00
53 lines
1.8 KiB
HTML
53 lines
1.8 KiB
HTML
<!doctype html>
|
|
<!--
|
|
@license
|
|
Copyright (c) 2014 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>Strawkit Test</title>
|
|
<script src="../../tools/chai/chai.js"></script>
|
|
<script src="../../tools/htmltest.js"></script>
|
|
|
|
<script src="../../../webcomponents.js"></script>
|
|
<script src="includes/strawkit.js"></script>
|
|
</head>
|
|
<body>
|
|
<x-foo></x-foo>
|
|
<element name="x-foo">
|
|
<template>
|
|
If it's blue (<i><content></content></i>), then IT LIVES!
|
|
</template>
|
|
<script>
|
|
Polymer.register(this, {
|
|
created: function() {
|
|
this.textContent = 'cordon bleu';
|
|
this.blueate();
|
|
},
|
|
blueate: function() {
|
|
this.style.backgroundColor = 'lightblue';
|
|
}
|
|
});
|
|
</script>
|
|
</element>
|
|
<script>
|
|
window.addEventListener('WebComponentsReady', function() {
|
|
var assert = chai.assert;
|
|
var elt = document.querySelector('x-foo');
|
|
assert.ok(elt, 'x-foo not found');
|
|
assert.equal(elt.textContent, 'cordon bleu',
|
|
'x-foo has wrong textContent');
|
|
assert.match(elt.style.backgroundColor, /lightblue|rgb\(173, 216, 230\)/,
|
|
'x-foo has wrong backgroundColor');
|
|
assert.ok(elt.shadowRoot, 'shadowRoot not available as `.shadowRoot`');
|
|
done();
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|