Testing the tanStack table with cypress

[ons-ja]

Hello,

I'm using TanStack Table in a React project and I want to write end-to-end tests using Cypress framework. My questions are:

Questions:

• How can I test that the table is scrollable (e.g., when the content overflows)? I tried to simulate the scroll action using the scrollTo function

cy.get('.sidebar').scrollTo('bottom')
but it does not work, as the table is not a scrollable element.

• I tried to verify that the user can actually resize the element (a column in the table) and that the size changes after interaction. I used

  cy.get('[data-testid="column"]')
    .trigger('mousedown', { which: 1 })
    .trigger('mousemove', { clientX: 300 })
    .trigger('mouseup');

but I don't think that these events are triggered, as there is no change detected.

Any recommendations or examples would be greatly appreciated!
Thanks in advance!