Aquí está mi archivo que tiene un botón para leer más y este botón se enfoca en el elemento

Componente

 ... handleFocusOnText = (): void => { setTimeout(() => this.hiddenTextRef?.focus(), 500) } ... rednder() ... <span ref={(el) => (this.hiddenTextRef = el)} tabIndex={-1} innerHTML={hiddenContent} /> <button data-qa="readmore-expander-button" onClick={this.handleClick} > {this.isOpen ? this.labelLess : this.labelMore} </button>

El método handleClick también llama a handleFocusOnText.

El problema es que hago clic en este botón en mi archivo de prueba y arroja un error de TS de que el enfoque de handleFocusOnText no es una función. ¿Puedes ayudarme con este problema?

Prueba.spec.ts

 .... // Click "read more" button page.doc.querySelector('button').click() await page.waitForChanges() const spanEl = document.querySelector('[data-qa="test-span"]') expect(spanEl).not.toBeNull()