Remove unused HTML tests (#6053)
This commit is contained in:
Paulus Schoutsen
GitHub
parent
a3736683eb
commit
304fad3f49
|
|
@ -193,7 +193,6 @@
|
|||
"typescript": "^3.8.3",
|
||||
"vinyl-buffer": "^1.0.1",
|
||||
"vinyl-source-stream": "^2.0.0",
|
||||
"web-component-tester": "^6.9.2",
|
||||
"webpack": "^4.40.2",
|
||||
"webpack-cli": "^3.3.9",
|
||||
"webpack-dev-server": "^3.10.3",
|
||||
|
|
|
|||
|
|
@ -1,23 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes"
|
||||
/>
|
||||
<title>Tests</title>
|
||||
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
|
||||
<script src="../node_modules/web-component-tester/browser.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
WCT.loadSuites([
|
||||
"state-info-test.html?dom=shadow",
|
||||
"state-info-test.html?dom=shady",
|
||||
"state-card-display-test.html?dom=shadow",
|
||||
"state-card-display-test.html?dom=shady",
|
||||
]);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,63 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
|
||||
<script src="../node_modules/web-component-tester/browser.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>
|
||||
|
|
@ -1,121 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
|
||||
<script src="../node_modules/web-component-tester/browser.js"></script>
|
||||
<script type="module" src="../src/components/entity/state-info.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<test-fixture id="stateInfoSecondaryLine">
|
||||
<template>
|
||||
<state-info hass="[[hass]]" secondary-line
|
||||
><my-elem>text</my-elem></state-info
|
||||
>
|
||||
</template>
|
||||
</test-fixture>
|
||||
<test-fixture id="stateInfo">
|
||||
<template>
|
||||
<state-info hass="[[hass]]"></state-info>
|
||||
</template>
|
||||
</test-fixture>
|
||||
|
||||
<script type="module">
|
||||
import "../src/components/entity/state-info.js";
|
||||
function lightOrShadow(elem, selector) {
|
||||
return elem.shadowRoot
|
||||
? elem.shadowRoot.querySelector(selector)
|
||||
: elem.querySelector(selector);
|
||||
}
|
||||
|
||||
suite("state-info", function () {
|
||||
var si;
|
||||
|
||||
setup(function () {
|
||||
si = fixture("stateInfo");
|
||||
});
|
||||
|
||||
test("default values", function () {
|
||||
assert.isUndefined(si.stateObj);
|
||||
assert.isUndefined(si.inDialog);
|
||||
});
|
||||
|
||||
test("has state-badge", function () {
|
||||
assert.isOk(lightOrShadow(si, "state-badge"));
|
||||
});
|
||||
|
||||
test("stateObj", function (done) {
|
||||
si.stateObj = {
|
||||
entity_id: "light.demo",
|
||||
last_changed: "2017-01-01T00:00:00+00:00",
|
||||
state: "off",
|
||||
attributes: { friendly_name: "Name" },
|
||||
};
|
||||
flush(function () {
|
||||
var stateBadge = lightOrShadow(si, "state-badge");
|
||||
assert.isOk(stateBadge);
|
||||
assert.deepEqual(stateBadge.stateObj, si.stateObj);
|
||||
|
||||
var name = lightOrShadow(si, ".name");
|
||||
assert.isOk(name, ".name missing");
|
||||
assert.equal(name.textContent, "Name");
|
||||
assert.equal(getComputedStyle(name).lineHeight, "40px");
|
||||
|
||||
assert.isNotOk(lightOrShadow(si, "ha-relative-time"));
|
||||
done();
|
||||
});
|
||||
});
|
||||
|
||||
test("relative time", function (done) {
|
||||
si.stateObj = {
|
||||
entity_id: "light.demo",
|
||||
last_changed: "2017-01-01T00:00:00+00:00",
|
||||
state: "off",
|
||||
attributes: { friendly_name: "Name" },
|
||||
};
|
||||
si.inDialog = true;
|
||||
flush(function () {
|
||||
var relativeTime = lightOrShadow(si, "ha-relative-time");
|
||||
var name = lightOrShadow(si, ".name");
|
||||
|
||||
assert.isOk(relativeTime);
|
||||
assert.notEqual(relativeTime.textContent, "never");
|
||||
assert.notEqual(relativeTime.textContent, "");
|
||||
|
||||
assert.isOk(name);
|
||||
assert.equal(getComputedStyle(name).lineHeight, "20px");
|
||||
|
||||
si.stateObj = {
|
||||
entity_id: "light.demo",
|
||||
state: "off",
|
||||
attributes: { friendly_name: "Name" },
|
||||
};
|
||||
flush(function () {
|
||||
assert.equal(relativeTime.textContent, "never");
|
||||
done();
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
test("secondary line", function (done) {
|
||||
si = fixture("stateInfoSecondaryLine");
|
||||
si.stateObj = {
|
||||
entity_id: "light.demo",
|
||||
last_changed: "2017-01-01T00:00:00+00:00",
|
||||
state: "off",
|
||||
attributes: { friendly_name: "Name" },
|
||||
};
|
||||
si.inDialog = false;
|
||||
flush(function () {
|
||||
var name = lightOrShadow(si, ".name");
|
||||
assert.isOk(name);
|
||||
assert.equal(getComputedStyle(name).lineHeight, "20px");
|
||||
var content = si.getElementsByTagName("my-elem")[0];
|
||||
assert.isOk(content);
|
||||
assert.equal(content.textContent, "text");
|
||||
done();
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
{
|
||||
"plugins": {
|
||||
"sauce": {
|
||||
"disabled": true,
|
||||
"browsers": [{
|
||||
"browserName": "chrome",
|
||||
"platform": "Linux",
|
||||
"version": "latest"
|
||||
}, {
|
||||
"browserName": "safari",
|
||||
"platform": "macOS 10.12",
|
||||
"version": "latest"
|
||||
}, {
|
||||
"browserName": "firefox",
|
||||
"platform": "Windows 10",
|
||||
"version": "latest"
|
||||
}, {
|
||||
"browserName": "MicrosoftEdge",
|
||||
"platform": "Windows 10",
|
||||
"version": "latest"
|
||||
}, {
|
||||
"deviceName": "Android GoogleAPI Emulator",
|
||||
"platformName": "Android",
|
||||
"platformVersion": "7.0",
|
||||
"browserName": "Chrome",
|
||||
"appiumVersion": "1.6.3"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue