extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2025-01-05 05:29:13 +01:00
Code Issues Packages Projects Releases Wiki Activity

Finish WIP Et2Select test for close dropdown on blur

Browse Source
This commit is contained in:
nathan 2024-12-20 09:39:29 -07:00
parent d9dd71d367
commit 367b939081
2 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
api/js/etemplate/Et2Select/Et2Select.ts
View File

@ -864,7 +864,7 @@ export class Et2Select extends Et2WithSearchMixin(Et2WidgetWithSelect)
/** Hides the listbox. */ /** Hides the listbox. */
async hide() async hide()
{ {
this.select.hide(); return this.select.hide();
} }
get open() get open()

27
api/js/etemplate/Et2Select/test/Et2SelectBasic.test.ts
View File

@ -3,6 +3,7 @@ import {assert, elementUpdated, fixture, html, oneEvent} from '@open-wc/testing'
import * as sinon from 'sinon'; import * as sinon from 'sinon';
import {inputBasicTests} from "../../Et2InputWidget/test/InputBasicTests"; import {inputBasicTests} from "../../Et2InputWidget/test/InputBasicTests";
import {Et2Select} from "../Et2Select"; import {Et2Select} from "../Et2Select";
import {waitForEvent} from "../../Et2Widget/event";
/** /**
* Test file for Etemplate webComponent Select * Test file for Etemplate webComponent Select
@ -25,7 +26,7 @@ async function before()
// Create an element to test with, and wait until it's ready // Create an element to test with, and wait until it's ready
// @ts-ignore // @ts-ignore
element = await fixture<Et2Select>(html` element = await fixture<Et2Select>(html`
<et2-select label="I'm a select"> <et2-select label="I'm a select" emptyLabel="No option">
</et2-select> </et2-select>
`); `);
@ -65,26 +66,26 @@ describe("Select widget basics", () =>
{ {
// WIP // WIP
const blurSpy = sinon.spy(); const blurSpy = sinon.spy();
const showSpy = sinon.spy();
element.addEventListener("sl-show", showSpy);
element.addEventListener('sl-hide', blurSpy); element.addEventListener('sl-hide', blurSpy);
const showPromise = new Promise(resolve =>
{
element.addEventListener("sl-after-show", resolve);
});
const hidePromise = new Promise(resolve =>
{
element.addEventListener("sl-hide", resolve);
});
await elementUpdated(element);
element.focus(); element.focus();
await showPromise; // Does not open on focus, so open it
sinon.assert.notCalled(showSpy);
element.show();
await elementUpdated(element); await elementUpdated(element);
// Opens
waitForEvent(element, "sl-after-show");
sinon.assert.calledOnce(showSpy);
element.blur(); element.blur();
await elementUpdated(element); await elementUpdated(element);
await hidePromise; // Hides when blurred
waitForEvent(element, "sl-after-hide")
sinon.assert.calledOnce(blurSpy); sinon.assert.calledOnce(blurSpy);
// Check that it actually closed dropdown // Check that it actually closed dropdown