diff --git a/src/components/tree/tree.test.ts b/src/components/tree/tree.test.ts index b16602898..2805c9caa 100644 --- a/src/components/tree/tree.test.ts +++ b/src/components/tree/tree.test.ts @@ -1,5 +1,7 @@ -import { expect, fixture, html, triggerBlurFor, triggerFocusFor } from '@open-wc/testing'; +import { aTimeout, expect, fixture, html, triggerBlurFor, triggerFocusFor } from '@open-wc/testing'; +import { clickOnElement } from '../../internal/test'; import { sendKeys } from '@web/test-runner-commands'; +import { waitForEvent } from '../../internal/event'; import sinon from 'sinon'; import type SlTree from './tree'; import type SlTreeItem from '../tree-item/tree-item'; @@ -433,7 +435,7 @@ describe('', () => { const expandButton: HTMLElement = node.shadowRoot!.querySelector('.tree-item__expand-button')!; // Act - expandButton.click(); + await clickOnElement(expandButton); await el.updateComplete; // Assert @@ -453,10 +455,10 @@ describe('', () => { await el.updateComplete; // Act - node0.click(); + await clickOnElement(node0); await el.updateComplete; - node1.click(); + await clickOnElement(node1); await el.updateComplete; // Assert @@ -474,10 +476,10 @@ describe('', () => { await el.updateComplete; // Act - node0.click(); + await clickOnElement(node0); await el.updateComplete; - node1.click(); + await clickOnElement(node1); await el.updateComplete; // Assert @@ -492,7 +494,7 @@ describe('', () => { await el.updateComplete; // Act - parentNode.click(); + await clickOnElement(parentNode); await parentNode.updateComplete; // Assert @@ -511,10 +513,10 @@ describe('', () => { await el.updateComplete; // Act - node0.click(); + await clickOnElement(node0); await el.updateComplete; - node1.click(); + await clickOnElement(node1); await el.updateComplete; // Assert @@ -529,7 +531,7 @@ describe('', () => { const parentNode = el.children[2] as SlTreeItem; // Act - parentNode.click(); + await clickOnElement(parentNode); await el.updateComplete; // Assert @@ -549,7 +551,10 @@ describe('', () => { const childNode = parentNode.children[0] as SlTreeItem; // Act - childNode.click(); + parentNode.expanded = true; + await parentNode.updateComplete; + await aTimeout(300); + await clickOnElement(childNode); await el.updateComplete; // Assert @@ -572,9 +577,9 @@ describe('', () => { const node = el.children[0] as SlTreeItem; // Act - node.click(); + await clickOnElement(node); await el.updateComplete; - node.click(); + await clickOnElement(node); await Promise.all([node.updateComplete, el.updateComplete]); // Assert @@ -598,9 +603,9 @@ describe('', () => { const node = el.children[0] as SlTreeItem; // Act - node.click(); + await clickOnElement(node); await el.updateComplete; - node.click(); + await clickOnElement(node); await Promise.all([node.updateComplete, el.updateComplete]); // Assert @@ -621,7 +626,7 @@ describe('', () => { const node = el.querySelector('#expandable')!; // Act - node.click(); + await clickOnElement(node); await Promise.all([node.updateComplete, el.updateComplete]); // Assert @@ -643,9 +648,9 @@ describe('', () => { const node = el.children[0] as SlTreeItem; // Act - node.click(); + await clickOnElement(node); await Promise.all([node.updateComplete, el.updateComplete]); - node.click(); + await clickOnElement(node); await Promise.all([node.updateComplete, el.updateComplete]); // Assert