mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-12-23 07:09:20 +01:00
71 lines
2.7 KiB
TypeScript
71 lines
2.7 KiB
TypeScript
|
/**
|
||
|
|
* Test file for Etemplate webComponent Et2Switch
|
||
|
|
*/
|
||
|
|
import {assert, expect, fixture, html} from '@open-wc/testing';
|
||
|
|
import * as sinon from 'sinon';
|
||
|
|
import {Et2SwitchIcon} from "../Et2SwitchIcon";
|
||
|
|
|
||
|
|
describe("Switch icon widget", () =>
|
||
|
|
{
|
||
|
|
// Reference to component under test
|
||
|
|
let element : Et2SwitchIcon;
|
||
|
|
|
||
|
|
|
||
|
|
// Setup run before each test
|
||
|
|
beforeEach(async() =>
|
||
|
|
{
|
||
|
|
// Create an element to test with, and wait until it's ready
|
||
|
|
element = await fixture<Et2SwitchIcon>(html`
|
||
|
|
<et2-switch-icon label="I'm a switch"></et2-switch-icon>
|
||
|
|
`);
|
||
|
|
|
||
|
|
// Stub egw()
|
||
|
|
sinon.stub(element, "egw").returns({
|
||
|
|
tooltipUnbind: () => {},
|
||
|
|
// Image always give check mark. Use data URL to avoid having to serve an actual image
|
||
|
|
image: i => "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjNjk2OTY5IiBkPSJNNi45NDMsMjguNDUzDQoJYzAuOTA2LDAuNzY1LDIuMDk3LDEuMTI3LDMuMjg2LDEuMTA5YzAuNDMsMC4wMTQsMC44NTItMC4wNjgsMS4yNjUtMC4yMDdjMC42NzktMC4xOCwxLjMyOC0wLjQ1LDEuODY2LTAuOTAyTDI5LjQwMywxNC45DQoJYzEuNzcyLTEuNDk4LDEuNzcyLTMuOTI1LDAtNS40MjJjLTEuNzcyLTEuNDk3LTQuNjQ2LTEuNDk3LTYuNDE4LDBMMTAuMTE5LDIwLjM0OWwtMi4zODktMi40MjRjLTEuNDQtMS40NTctMy43NzItMS40NTctNS4yMTIsMA0KCWMtMS40MzgsMS40Ni0xLjQzOCwzLjgyNSwwLDUuMjgxQzIuNTE4LDIzLjIwNiw1LjQ3NCwyNi45NDcsNi45NDMsMjguNDUzeiIvPg0KPC9zdmc+DQo="
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
// Make sure it works
|
||
|
|
it('is defined', () =>
|
||
|
|
{
|
||
|
|
assert.instanceOf(element, Et2SwitchIcon);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('has a label', () =>
|
||
|
|
{
|
||
|
|
element.set_label("Label set");
|
||
|
|
|
||
|
|
assert.equal(element.textContent.trim(), "Label set");
|
||
|
|
})
|
||
|
|
|
||
|
|
it("click happens", () =>
|
||
|
|
{
|
||
|
|
// Setup
|
||
|
|
let clickSpy = sinon.spy();
|
||
|
|
element.onclick = clickSpy;
|
||
|
|
|
||
|
|
// Click
|
||
|
|
element.click();
|
||
|
|
|
||
|
|
// Check for once & only once
|
||
|
|
assert(clickSpy.calledOnce, "Click only once");
|
||
|
|
});
|
||
|
|
|
||
|
|
it("shows 'on' icon", async() =>
|
||
|
|
{
|
||
|
|
element.onIcon = "plus";
|
||
|
|
await element.updateComplete;
|
||
|
|
const label = element.shadowRoot.querySelector(".label .on");
|
||
|
|
expect(label).to.be.displayed;
|
||
|
|
});
|
||
|
|
it("shows 'off' icon", async() =>
|
||
|
|
{
|
||
|
|
element.offIcon = "minus";
|
||
|
|
await element.updateComplete;
|
||
|
|
const label = element.shadowRoot.querySelector(".label .off");
|
||
|
|
|
||
|
|
expect(label).to.be.displayed;
|
||
|
|
});
|
||
|
|
});
|