fix(testing): harness not applying :active to parents

PiperOrigin-RevId: 559585226
material-components · Aug 24, 2023 · 327eeaf · 327eeaf
1 parent dffff2d
commit 327eeaf
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/testing/harness.ts b/testing/harness.ts
@@ -552,6 +552,9 @@ export class Harness<E extends HTMLElement = HTMLElement> {
   protected simulateMousePress(
       element: HTMLElement, init: PointerEventInit = {}) {
     this.addPseudoClass(element, ':active');
+    this.forEachNodeFrom(element, el => {
+      this.addPseudoClass(el, ':active');
+    });
     const mouseInit = this.createMouseEventInit(element);
     const pointerInit: PointerEventInit = {
       ...mouseInit,
@@ -574,6 +577,9 @@ export class Harness<E extends HTMLElement = HTMLElement> {
   protected simulateMouseRelease(
       element: HTMLElement, init: PointerEventInit = {}) {
     this.removePseudoClass(element, ':active');
+    this.forEachNodeFrom(element, el => {
+      this.removePseudoClass(el, ':active');
+    });
     const mouseInit = this.createMouseEventInit(element);
     const pointerInit: PointerEventInit = {
       ...mouseInit,
@@ -596,6 +602,9 @@ export class Harness<E extends HTMLElement = HTMLElement> {
       element: HTMLElement, init: PointerEventInit = {},
       touchInit: TouchEventInit = {}) {
     this.addPseudoClass(element, ':active');
+    this.forEachNodeFrom(element, el => {
+      this.addPseudoClass(el, ':active');
+    });
     const mouseInit = this.createMouseEventInit(element);
     const pointerInit: PointerEventInit = {
       ...mouseInit,
@@ -628,6 +637,9 @@ export class Harness<E extends HTMLElement = HTMLElement> {
       element: HTMLElement, init: PointerEventInit = {},
       touchInit: TouchEventInit = {}) {
     this.removePseudoClass(element, ':active');
+    this.forEachNodeFrom(element, el => {
+      this.removePseudoClass(el, ':active');
+    });
     const mouseInit = this.createMouseEventInit(element);
     const pointerInit: PointerEventInit = {
       ...mouseInit,
@@ -655,6 +667,9 @@ export class Harness<E extends HTMLElement = HTMLElement> {
       element: HTMLElement, init: PointerEventInit = {},
       touchInit: TouchEventInit = {}) {
     this.removePseudoClass(element, ':active');
+    this.forEachNodeFrom(element, el => {
+      this.removePseudoClass(el, ':active');
+    });
     const mouseInit = this.createMouseEventInit(element);
     const pointerInit: PointerEventInit = {
       ...mouseInit,