semi-design/cypress/e2e/scrollList.spec.js

describe('scrollList', () => {
    it('scroll to the specified position after clicking', () => {
        cy.visit('http://127.0.0.1:6006/iframe.html?id=scrolllist--scroll-list-simple&args=&viewMode=story');
        cy.get('.semi-scrolllist-item-sel').contains('1');
        cy.get('.semi-scrolllist-item').contains('5').click();
        cy.get('.semi-scrolllist-item-sel').contains('5');
    });

    it('infinite scroll', () => {
        cy.visit('http://127.0.0.1:6006/iframe.html?id=scrolllist--single-scroll-list&args=&viewMode=story');
        cy.wait(500);
        cy.get('li[aria-selected="true"]').contains(0);
        cy.get('.semi-scrolllist-item-wheel .semi-scrolllist-list-outer').scrollTo('right', { duration: 2000 });
        cy.wait(1000);
        cy.get('.semi-scrolllist-item-wheel .semi-scrolllist-list-outer').scrollTo('top', { duration: 2000 });
        cy.wait(500);
        cy.get('.semi-scrolllist-item-wheel .semi-scrolllist-list-outer').scrollTo('bottom', { duration: 2000 });
    });

    it('click option', () => {
        cy.visit('http://127.0.0.1:6006/iframe.html?id=scrolllist--single-scroll-list&args=&viewMode=story');
        cy.get('li[aria-selected="true"]').contains(0);
        cy.get('.semi-scrolllist-list-outer').contains(59).click();
        cy.get('li[aria-selected="true"]').contains(0);
    });
});