个人中心
gpt4 book ai didi

Playwright test not loading local url(PlayWriter测试未加载本地URL)

转载 作者：bug小助手 更新时间：2023-10-25 15:25:58 25 4
gpt4 key购买 nike



I'm having trouble loading the homepage of my application even though I think I have things configured correctly.
The test and playwright config are the follwing:

加载我的应用程序的主页时遇到了问题，尽管我认为我的配置是正确的。测试和编剧配置如下：


example.spec.ts

Example.spec.ts


import { test, expect, chromium } from '@playwright/test;

test('Visit Pages', async ({ page }) => {

  await page.goto('https://playwright.dev/') -- this works
  await page.goto('http://localhost:3000/'); -- this does not work

  //this doesn't work either
  await page.goto('http://localhost:3000/', {
    waitUntil: 'domcontentloaded',
    timeout: 60000,
  });
  ...
}

playwright.config.ts

Playwright.config.ts


import { defineConfig, devices } from '@playwright/test'

export default defineConfig {
  testDir: 'tests',
  //also added in headless false but no difference
  headless: false,
  fullyParallel: true,
  forbidOnly: !!process.env.CI,
  retries: process.env.CI ? 2 : 0,
  workers: process.env.CI ? 1 : undefined,
  reporter: 'html',
  use: {
    baseURL: 'http://localhost:3000',
    storageState: './state.json'
    trace: 'on-first-retry',
  },
  // Configure projects for major browsers.
  projects: [
    {
      name: 'chromium',
      use: { ...devices['Desktop Chrome'] },
    },
    {
      name: 'Google Chrome',
      use: { ...devices['Desktop Chrome'], channel: 'chrome' },
    },
  ],
  // Run your local dev server before starting the tests.
  webServer: {
    command: 'yarn dev',
    url: 'http://localhost:3000',
    reuseExistingServer: true,
  },
}

I have the webserver up and running so I don't know why it's not loading like it should be.

我已经启动并运行了Web服务器，所以我不知道为什么它不能正常加载。


Before running the command yarn playwright test --ui , I make sure the app is running and spin up the webServer/front-end. I verified that I can reach the home page as expected on the normal google chrome, and on the back-end endpoints with Postman... Which in another playwright test it actually does. But my issue is that the page just doesn't load anything at all, it's just a blank screen with a loading circle. I need it to load so I can start interacting with elements like text fields.

在运行命令yarn playwright test --ui之前，我确保应用程序正在运行并启动webServer/front-end。我验证了我可以到达主页上正常的谷歌浏览器预期，并在后端端点与邮差.在另一个剧作家的测试中确实如此。但我的问题是，页面根本没有加载任何东西，它只是一个空白的屏幕与加载圈。我需要它加载，这样我就可以开始与文本字段等元素进行交互。


I'm still not familiar with typescript and although I am familiar with Cypress, this Playwright setup for the basic things is throwing me for a loop.

我仍然不熟悉打字稿，虽然我熟悉赛普拉斯，但这个剧作家对基本内容的设置让我大惑不解。


更多回答

Please share the error you are getting with stacktrace info.

请将您收到的错误与堆栈跟踪信息一起分享。

优秀答案推荐

I think verifying the visibility of any element which is visible after page load will help for example like typical welcome text on home page can be verified.

我认为验证页面加载后可见的任何元素的可见性将有所帮助，例如，可以验证主页上的典型欢迎文本。


This happens as playwright being very fast finishes and fails test before page load completes.

这发生在PlayWriter非常快地完成并且在页面加载完成之前未通过测试时。


await page.goto('http://localhost:3000/')

await expect(page.getByText('Welcome')).toBeVisible()

Using an web assertion like toBeVisible waits till element becomes visible which is helpful in this scenario.

使用像toBeVisible这样的Web断言会等待元素变为可见，这在此场景中很有帮助。


更多回答

Thank you. That did it. I think while I was configuring things left and right, I didn't think a web assertion was a legitimate validation when I would read docs about awaits, responses, and other playwright specific information. I also didn't believe the command line passing also. I was just assuming that I would see the webpage like I would in Cypress, on the page.goto(). Thanks again!

谢谢我想当我左右配置的时候，当我阅读关于等待、响应和其他剧作家特定信息的文档时，我不认为web断言是一个合法的验证。我也不相信命令行传递。我只是假设我会像在Cypress中一样看到网页，在页面.goto（）上。再次感谢！

You are welcome, glad I could helped.

不客气，很高兴我能帮上忙。

25 4 0
文章推荐： Find shortest path using BSF algorithm in C(用C++实现BSF算法求最短路径)
文章推荐： exec format error in go aws-lambda with terraform(使用terraform执行AWS-lambda时出现EXEC格式错误)
文章推荐： How do you start an audio recording when a react native app is in background state on IOS?(当iOS上的Reaction原生应用程序处于后台状态时，如何开始录音？)
文章推荐： Windows variable in Sublime Text Build(Sublime Text Build中的Windows变量)
bug小助手
个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章
滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com