英文:
How verify that page is scrolled up and how verify text is visible on screen in playwright?
问题
需要一个断言来检查页面是否已滚动到顶部，以及一个断言来检查屏幕上是否可见一个元素。如何在Playwright和TypeScript中实现？
const isScrolledUp = await page.evaluate(() => {return window.pageYOffset === 0;});expect(isScrolledUp).toBe(true);const visibleScreen = page.getByRole('heading', { name: 'Some Name' });await expect(visibleScreen).toBeFocused();
英文:
I need an assertion to check if a page has scrolled to the top and an assertion to check if an element is visible on screen. How to do it in playwright with TypeScript?
const isScrolledUp = await page.evaluate(() => {return window.pageYOffset === 0;});expect(isScrolledUp).toBe(true);const visibleScreen = page.getByRole('heading', { name: 'Some Name' });await expect(visibleScreen).toBeFocused();
答案1
得分: 0
import { test, expect } from '@playwright/test';test('测试 @00', async ({page}) => {// 使用鼠标滚轮向上滚动到页面顶部await page.mouse.wheel(0, -100000000)const isScrolledUp = await page.evaluate(() => {return window.scrollY === 0;});expect(isScrolledUp).toBe(true);// toBeInViewport 只检查当前视图await expect(page.getByRole('heading', {name: 'Some name'})).toBeInViewport()})
英文:
You could scroll with the mouse to a very low "sure-to-scroll-to-the-top" y-value and then assure with toBeInViewport()
import { test, expect } from '@playwright/test';test('Test @00', async ({page}) => {// Scrolls to the top of the pageawait page.mouse.wheel(0, -100000000)const isScrolledUp = await page.evaluate(() => {return window.scrollY === 0;});expect(isScrolledUp).toBe(true);// toBeInViewport checks only the current viewawait expect(page.getByRole('heading', {name: 'Some name'})).toBeInViewport()})
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论