Playwright VSCode显示“找不到测试”的消息。

17
我已安装了Playwright vscode扩展,但当我进入测试区域时,会收到“此工作区中未找到任何测试”消息。但是,当我在CLI上运行$> playwright test时,它可以完美运行。奇怪的是,一段时间前它在VSCode中完美运行。

enter image description here

当我点击重新加载图标时,我会得到:

enter image description here

但是几秒钟后,我又回到了起点。当我点击蓝色按钮时,我进入了扩展列表。

enter image description here

我不太确定我应该在这里安装什么。而且,它之前已经起作用了。 这是我为 Playwright 安装的扩展:

enter image description here

有什么建议可以解释一下我在VSCode中发生了什么?


1
你找到解决方案了吗?我也有完全相同的问题... - franswa
18个回答

15

今天我也遇到了同样的问题,以下是我所做的步骤,希望对某人有所帮助。

  • 我首先尝试了命令面板重新加载窗口,但这并没有解决问题。
  • 我完全关闭了 vscode,打开了终端并进入了文件夹,用 code . 打开了 vscode,并解决了问题。

我正在使用 nvm,node v14.19.0 和 vscode v1.77.0。


对我来说很有效!太棒了,非常感谢你 :D - undefined

2
请更新您的Playwright版本(此帖子发布时为版本1.28.1)至最新版本(以下是步骤)。 首先,请检查您当前的版本。
 npx @playwright/test --version

升级到最新版本

npm install @playwright/test@latest

安装浏览器

npx playwright install

请检查更新版本

npx @playwright/test --version

同时,安装/更新最新版本的Playwright Test for VSCode(本文发布时为v1.0.1),并重新加载IDE。

  1. 进入扩展程序
  2. 搜索“Playwright Test for VSCode”
  3. 更新或安装给定的最新版本

这对我很有效。


2
将您系统上的Node更新到最新版本,问题就会解决。我曾经遇到过同样的问题,通过更新Node,Vs Code立即检测到所有测试文件并且正常工作。

1
我也遇到了同样的问题,唯一对我有帮助的是更新VS code,这个扩展只在最新版本的VS code上有效。 测试部分

1

我安装了微软扩展和最新的VSCode,在使用“安装Playwright”命令后,在测试面板中得到了相同的消息。

对我来说,完全重新启动VSCode让扩展程序正常工作。请注意,这是完整的应用程序重新启动,而不仅仅是“开发人员:重新加载窗口”命令。


1
检查你的playwright.config.ts文件,确保testDir:指向包含所有测试的文件夹。
export default defineConfig({

  quiet: false,

  expect: {
    timeout: 30 * 1000,
  },
  

  testDir: './e2e',  //<<<<<<<<<<<<<<<<<<<<<

1
当然不是你的情况,但这是来自Google的第一个相关问题,我将给出我的解决方案。 在我的情况下,我使用了vite别名(在vite.config.js中定义)。 使用这些vite别名导入会导致Playwright无法检测到我的测试文件。使用解析的路径是解决方案: 从
import {mod1} from "@app/modules/mod1.mjs";

import {mod1} from "./../src/modules/mod1.mjs";

0
我在我的Mac上遇到了与Playwright版本1.38.1相同的问题。我通过卸载Visual Studio Code然后下载最新版本来解决了这个问题。

0

我在Windows 10上遇到了相同的问题,使用Playwright版本1.37和VSCode版本1.81.1(2023) 我将VSCode更新到最新版本 我检查了playwright.config.js中的配置 完全关闭了VSCode 然后进入项目文件夹,如果存在.vscode文件夹,则将其删除 然后右键点击打开该项目。


0

我曾经遇到过同样的问题,当时我使用的是VSCode和Node v16,后来我切换到IntelliJ,就可以无任何问题地运行相同的测试了。看起来这可能是Visual Studio Code编辑器的问题。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,