jest.setTimeout(30000); describe('component-native-scroll-view', () => { let page; beforeAll(async () => { page = await program.reLaunch('/pages/component/scroll-view/scroll-view'); await page.waitFor("view"); }); it('Event scroll-vertical',async()=>{ // 纵向滚动 await page.setData({scrollTop: 100}) await page.waitFor(1000) // 设置top 是否触发scroll 事件 const topScrollDetail = await page.data('scrollDetailTest') console.log('topScrollDetail:', topScrollDetail) expect(topScrollDetail.scrollLeft).toBe(0) // Android 差异scrollTop:99.809525 expect([100, 99.809525]).toContain(topScrollDetail.scrollTop); expect(topScrollDetail.scrollHeight).toBeGreaterThan(0) expect(topScrollDetail.scrollWidth).toBeGreaterThan(0) expect(topScrollDetail.deltaX).toBe(0) expect(topScrollDetail.deltaY).not.toBe(0) expect(await page.data('isScrollTest')).toBe('scroll:Success') }) it('Event scroll-horizontal',async()=>{ // 横向滚动 await page.setData({scrollLeft:220}) await page.waitFor(1000) //设置left 是否触发scroll 事件 const leftScrollDetail = await page.data('scrollDetailTest') console.log('leftScrollDetail:', leftScrollDetail) // Android 差异scrollLeft:219.80952 expect([220, 219.80952]).toContain(leftScrollDetail.scrollLeft); expect(leftScrollDetail.scrollTop).toBe(0) expect(leftScrollDetail.scrollHeight).toBeGreaterThan(0) expect(leftScrollDetail.scrollWidth).toBeGreaterThan(0) // 在安卓差异 -99.809525 expect([-100, -99.809525]).toContain(leftScrollDetail.deltaX); expect(leftScrollDetail.deltaY).toBe(0) expect(await page.data('isScrollTest')).toBe('scroll:Success') }) // 移后:此测试用例在某些mac-chrome会影响scroll-horizontal的deltaX结果 it('scroll-view-screenshot', async () => { //禁止滚动条 await page.setData({ showScrollbar: false }) await page.waitFor(300); const image = await program.screenshot({fullPage: true}); expect(image).toSaveImageSnapshot(); }); it('Event scrolltolower-滚动到底部/右边',async()=>{ // 滚动到底部scrollTop:300,是否触发scrolltolower事件 await page.setData({scrollTop: 300}) await page.waitFor(600) expect(await page.data('isScrolltolowerTest')).toBe('scrolltolower:Success-bottom') }) it('Event scrolltoupper-滚动到顶部/左边',async()=>{ // 滚动到顶部scrollTop: 0,是否触发scrolltoupper事件 await page.setData({scrollTop: 0}) // await page.callMethod('goTop') await page.waitFor(600) expect(await page.data('isScrolltoupperTest')).toBe('scrolltoupper:Success-top') }) if(!process.env.UNI_UTS_PLATFORM.startsWith('web')){ it('Event scrollend-滚动结束时触发仅App端支持',async()=>{ const endDetail = await page.data('scrollEndDetailTest') console.log('scrollEndDetailTest:', endDetail) expect(endDetail.scrollLeft).toBe(0) expect(endDetail.scrollTop).toBe(0) expect(endDetail.deltaY).toBe(0) expect(endDetail.deltaX).toBe(0) expect(endDetail.scrollHeight).toBeGreaterThan(0) expect(endDetail.scrollWidth).toBeGreaterThan(0) }) } it('通过UniElement.scrollBy检测scroll事件是否触发',async()=>{ await page.callMethod('setVerticalScrollBy', 120) await page.waitFor(600) const scrollDetail = await page.data('scrollDetailTest') console.log('setVerticalScrollBy scrollDetail:', scrollDetail) expect(scrollDetail.scrollTop).toBeGreaterThan(119) }) });