mirror of
https://github.com/jlengrand/polymer-summit-whose-flag-polymer-3.git
synced 2026-03-10 15:51:56 +00:00
54 lines
1.7 KiB
HTML
54 lines
1.7 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
|
|
|
|
<title>whose-flag-app test</title>
|
|
|
|
<script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
|
|
<script src="../../../web-component-tester/browser.js"></script>
|
|
|
|
<link rel="import" href="../../src/whose-flag-app/whose-flag-app.html">
|
|
</head>
|
|
<body>
|
|
|
|
<test-fixture id="BasicTestFixture">
|
|
<template>
|
|
<whose-flag-app></whose-flag-app>
|
|
</template>
|
|
</test-fixture>
|
|
|
|
<test-fixture id="ChangedPropertyTestFixture">
|
|
<template>
|
|
<whose-flag-app prop1="new-prop1"></whose-flag-app>
|
|
</template>
|
|
</test-fixture>
|
|
|
|
<script>
|
|
suite('whose-flag-app', function() {
|
|
|
|
test('instantiating the element with default properties works', function() {
|
|
var element = fixture('BasicTestFixture');
|
|
assert.equal(element.prop1, 'whose-flag-app');
|
|
var elementShadowRoot = element.shadowRoot;
|
|
var elementHeader = elementShadowRoot.querySelector('h2');
|
|
assert.equal(elementHeader.innerHTML, 'Hello whose-flag-app!');
|
|
});
|
|
|
|
test('setting a property on the element works', function() {
|
|
// Create a test fixture
|
|
var element = fixture('ChangedPropertyTestFixture');
|
|
assert.equal(element.prop1, 'new-prop1');
|
|
var elementShadowRoot = element.shadowRoot;
|
|
var elementHeader = elementShadowRoot.querySelector('h2');
|
|
assert.equal(elementHeader.innerHTML, 'Hello new-prop1!');
|
|
});
|
|
|
|
});
|
|
</script>
|
|
|
|
|
|
</body>
|
|
</html>
|