问题标签 [cypress-component-test-runner]

无法弄清楚使用 cypress 组件测试时如何拦截 getServerSideProps。

做了很多研究和最好的引导链接：

https://github.com/cypress-io/cypress/discussions/9328

https://www.youtube.com/watch?v=33Hq41O0bvU

https://glebbahmutov.com/blog/mock-network-from-server/

https://www.youtube.com/watch?v=xdVRVhUUgCI&feature=youtu.be

有这个例子回购：https ://github.com/norfeldt/proper/tree/ssr-stubing

我想做的是：

赛普拉斯/插件/index.ts

组件/AddProperty/index.spec.ct.tsx

但它甚至不会运行测试

此错误消息出现在终端中（不支持直通，禁用 GL，角度为）当我尝试使用以下命令打开 cypress Test Runner 时： npm run cypress open

平台：windows 10

请注意，我确实检查了以下 [在此处输入图像描述][1]

还启用了来自 chrome://flags 的 webgl 扩展

以及清除 cypress 缓存，删除节点模块，然后全局重新安装 cypress，然后通过 nmpi [1] 更新节点模块：https ://i.stack.imgur.com/BkufK.png

我正在尝试将所有 Web 控制台错误记录到一个文件中，但我无法获取 Web 控制台错误。

我试图在控制台中打印 Web 控制台错误，以便我可以尝试在文件中写入相同的错误，但我无法打印它。

控制台日志截图：

但我需要文件中的“这是一条错误消息”和“未捕获的 ReferenceError：未定义样本”。

更新：我发现这个 repo 可以解决 https://github.com/flotwig/cypress-log-to-output#:~:text=This%20is%20a%20Cypress%20plugin,%2C%20console.info% 20 或%20 控制台。

但我无法记录日志，我不确定在哪里使用 getLogs

我知道可以通过在 cypress.json 文件中添加“defaultCommandTimeout”来解决此问题，但我不想在整个测试框架中添加等待，只需要等待一个特定元素。请通过屏幕截图并帮助我！

赛普拉斯结果：

我已将 Cypress Vue 组件测试运行器添加到现有的 Vue(vite) 应用程序中。但是，当我运行测试时，我收到一个错误，即我的组件中的 $route 未定义。我的组件测试设置是否遗漏了什么？也许关于Vue路由器？

测试设置：

模板：

错误：

控制台日志行：

我正在使用此代码来处理新选项卡并收到此错误。它在 url 中显示 chrome-error //chromewebdata/。

尝试了其他几个示例站点，它工作正常。我认为我的 url 重定向了两次，这就是为什么面临这个问题“重定向太多时间”。我该如何处理？

我正在使用 Vue3 + Vite + Cypress。使用 Vue3 script setupSFC 语法。我有一个组件：

我如何进行监视，btnClick以便我可以断言它已被调用cy.get('[data-cy="testBtn"]').click();？
我努力了：

但我得到一个错误Attempted to wrap undefined property btnClick as function

有没有办法在 vue.js 中注册用于 cypress 组件测试的全局自定义指令。只需注册

在 main.js 文件中无法解决问题。因为在组件测试组件失败时解析该指令。

像这样的本地寄存器：

不是好的选择。因为我在每个组件中都使用这个指令并且需要在每个组件中进行本地注册。

我如何注册柏树组件测试的全局指令？

谢谢

我的一个脚本中有一个非常奇怪的 cypress runner 行为。单击按钮后，运行窗口开始换行，直到其高度值变为 0。如果我很幸运并且下一个命令足够快，则换行会在某个点停止，并且测试可以在一个小的高度窗口中进行。我尝试使用命令cy.viewport(width, height)，但它没有解决问题。该问题无法手动重现。有没有人遇到过这个问题，有什么解决办法吗？

我想将我的组件包装在组件测试中。我正在使用柏树和 vue3。例如：

我发现 [https://stackoverflow.com/questions/69046663/how-can-i-wrap-a-vue-component-during-cypress-component-testing][1] 这对我不起作用。我的错误在哪里或有其他方法可以做到这一点？