* Version bump to 20180510.1 * Fix hass util * Fix translations * Bye paper-time-input * Add webpack config * Add webpack to package.json * Fix translation import * Disable web animations polyfill bad import * Disable importHref import * Update webpack config to build authorize.js * Build translations json * Build frontend correctly * Run eslint --fix * Load markdown JS on demand (#1155) * Add HTML imports (#1160) * Fix localize (#1161) * Fix Roboto in build (#1162) * Load web animations polyfill (#1163) * P3: Fix chart js (#1164) * P3: Fix Chart JS * Update timeline package * P3: panel resolver (#1165) * WIP * Initial importing of panels * Fix panel resolver * Fix automation and script editor (#1166) * Expose Polymer and Polymer.Element on window (#1167) * Remove unused import * eslint --fix * Es5 build (#1168) * Build for ES5 * Fix build_frontend * Remove stale comment * Migrate to use paper-material-styles (#1170) * Send parsed date to history/logbook (#1171) * Fork app storage behavior (#1172) * Add paper input with type time (#1173) * Fix authorize * Lint * Sort imports * Lint * Remove eslint-html * Do not lint authorize.html * Fix polymer lint * Try chrome 62 for wct * P3: Add patched iconset (#1175) * Add patched iconset * Lint * Test with latest Chrome again * Use less window.hassUtil * Teporarily use my fecha fork * Import correct intl.messageFormat * Update wct-browser-legacy to 1.0.0 * Include polyfill in right place * Fix IntlMessageFormat * Fix test not having a global scope * Rollup <_< * Fork app-localize-behavior * Disable wct tests * Lint
66 lines
1.6 KiB
HTML
66 lines
1.6 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
|
|
<script src="../node_modules/wct-browser-legacy/browser.js"></script>
|
|
|
|
<!--
|
|
Temporarily load core.js here so window.HAWS is available. We can remove
|
|
this once hass-util includes the helper function directly.
|
|
-->
|
|
<script src="../build/core.js"></script>
|
|
<script type="module" src="../src/state-summary/state-card-display.js"></script>
|
|
</head>
|
|
<body>
|
|
<test-fixture id="stateCardDisplay">
|
|
<template>
|
|
<div />
|
|
</template>
|
|
</test-fixture>
|
|
|
|
<script type="module">
|
|
import '../src/state-summary/state-card-display.js';
|
|
function lightOrShadow(elem, selector) {
|
|
return elem.shadowRoot ?
|
|
elem.shadowRoot.querySelector(selector) :
|
|
elem.querySelector(selector);
|
|
}
|
|
|
|
suite('state-card-display', function() {
|
|
let wrapper;
|
|
let card;
|
|
|
|
setup(function() {
|
|
wrapper = fixture('stateCardDisplay');
|
|
card = document.createElement('state-card-display');
|
|
card.stateObj = {
|
|
entity_id: 'binary_sensor.demo',
|
|
state: 'off',
|
|
attributes: {
|
|
device_class: 'moisture',
|
|
},
|
|
};
|
|
card.hass = {
|
|
language: 'en',
|
|
resources: {
|
|
'en': {
|
|
'state.binary_sensor.moisture.off': 'Mock Off Text',
|
|
},
|
|
},
|
|
};
|
|
wrapper.appendChild(card);
|
|
});
|
|
|
|
test('state display text', function(done) {
|
|
flush(function() {
|
|
const stateDiv = lightOrShadow(card, '.state');
|
|
assert.isOk(stateDiv);
|
|
assert.deepEqual(stateDiv.innerText, 'Mock Off Text');
|
|
done();
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|