cypress-iframe 相关问题

使用cypress-cucumber-preprocessor时，如何使用标签来过滤规格和功能？

我有 Cypress 项目设置，这样我就可以一次性编写和运行 Spec 和 Cucumber 测试。 cypress run --spec“cypress/tests/gsac/specs/*.cy.js，cypress/tests/gsac/*.feature” 有效

如何在 cypress-io/github-actions 测试期间更改 baseURL

我正在尝试使用 Github Actions 运行我的 Cypress 测试。我已完成所有设置，但我遇到了在 GitubActions 过程中设置然后传递给 Cypress 的 baseURL 变量的问题。在我的

CloudRun 上托管的 iframe 未在 React JS 中触发 onLoad 事件

我在网页中嵌入了一个 iframe。有时 iframe 需要一段时间才能加载，有时会立即加载。我想在加载 iframe 时显示旋转的轮子动画。我是

Cypress 的负面断言

在 Cypress 中，如果我有一个触发异步操作（如 fetch）的按钮，并且我想验证单击此按钮最终不会触发错误，这是否足够？ cy.findByTe...

如何在 Cypress Desktop 上隐藏成功的断言日志，但显示失败的断言日志？

我一直想知道如何在 Cypress Desktop (npx cypress open) 上隐藏成功的断言日志，但显示失败的断言日志？ 赛普拉斯用户界面 我一直在 stackoverflow 中搜索（类似的问题），

401 - 赛普拉斯 io 自动测试未经授权

第一次为内部网站（http://XXXX:8089/）编写Cypress（cypress Io框架）自动测试。访问该网站主页需要使用活动目录的特殊权限（...

Stripe Checkout 无法在 iFrame 中运行。请重定向至顶层结账

我正在尝试在 iframe 中加载 checkout.stripe，但它不起作用，我收到以下消息： Stripe Checkout 无法在 iFrame 中运行。请重定向到顶层的结帐。 我读过...

使用 Cypress 连接到 SQL DB

我正在尝试按照 NPM 指南使用 cypress 连接 SQL 数据库。所有依赖项都与所提到的完全相同，但是在运行时 cy.sqlServer('从 [MyDB].[dbo].[用户] 中选择电子邮件...

如何将已安装的 React 组件“移植”到另一个组件中？

目标： iFrame 在组件 A 中加载网页内容 门户 iFrame 到组件 B iFrame 不应作为新实例安装，并且其所有状态（包括反应状态）应保留从 comp A 到 ...

陷入 Cypress - 登录冗余

我目前正在努力解决一个持续存在的问题，希望得到一些指导。我正在利用 Cypress 进行测试，并且我正在尝试找到一种方法来避免每次测试重复登录......

从 iframe API 延迟加载 YouTube 视频

我想使用 iframe API 延迟加载 youtube 视频。 IE。在开始时仅加载海报图像，当用户单击它时，仅加载实际图像及其内容。

Apple Pay 付款请求 API iframe

有一个页面实现了支付请求API，它有一个Applepay按钮，一切正常。但一旦页面嵌入到 iframe 中，就会出现 SecurityError 错误：尝试加星...

Javascript 函数 openFullscreen() ，如何让它在页面上的多个 iframe 上工作

在页面上我有一个 iframe，src 中有 *.pdf 文件。 <p>在页面上我有一个 iframe，src 中有 *.pdf 文件。</p> <pre><code>&lt;div class=&#34;node--view-mode-full&#34;&gt; &lt;p&gt;&lt;iframe allow=&#34;fullscreen&#34; allowfullscreen=&#34;&#34; frameborder=&#34;0&#34; height=&#34;980&#34; scrolling=&#34;no&#34; src=&#34;https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf&#34; width=&#34;660&#34;&gt;&lt;/iframe&gt;&lt;/p&gt; &lt;p&gt;&lt;iframe allow=&#34;fullscreen&#34; allowfullscreen=&#34;&#34; frameborder=&#34;0&#34; height=&#34;980&#34; scrolling=&#34;no&#34; src=&#34;https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf&#34; width=&#34;660&#34;&gt;&lt;/iframe&gt;&lt;/p&gt; &lt;/div&gt; </code></pre> <p>浏览器中内置的 pdf 查看器现在不支持 iframe 中的全屏模式。</p> <p>我找到了解决方案<a href="https://www.w3schools.com/howto/howto_js_fullscreen.asp" rel="nofollow noreferrer">https://www.w3schools.com/howto/howto_js_fullscreen.asp</a>，解决了问题 - 以全屏模式打开 iframe。在 w3schools 的示例中，打开 iframe 的按钮已存在于 HTML <a href="https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_fullscreen" rel="nofollow noreferrer">https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_fullscreen</a>.</p> <p>在我的解决方案中，我通过 javascript 添加按钮，因为带有 iframe 的页面已经存在，但没有此类按钮：</p> <pre><code>jQuery(document).ready(function($){ $(&#34;.node--view-mode-full iframe[src*=&#39;.pdf&#39;]&#34;).each(function (index) { $(this).addClass(&#39;fullscreenframe&#39;); $(this).attr(&#39;id&#39;, &#39;fullscreen-&#39;+index); $(&#39;&lt;button onclick=&#34;openFullscreen()&#34;&gt;Open in Fullscreen Mode&lt;/button&gt;&amp;nbsp;&lt;strong&gt;Tip:&lt;/strong&gt; Press the &#34;Esc&#34; key to exit full screen.&lt;br&gt;&#39;).insertBefore(this); }); }); </code></pre> <p>然后添加一个全屏打开 iframe 的功能（与 w3schools 相同）：</p> <pre><code>function openFullscreen() { var elem = document.getElementsByClassName(&#34;fullscreenframe&#34;)[0]; if (elem.requestFullscreen) { elem.requestFullscreen(); } else if (elem.webkitRequestFullscreen) { /* Safari */ elem.webkitRequestFullscreen(); } else if (elem.msRequestFullscreen) { /* IE11 */ elem.msRequestFullscreen(); } }; </code></pre> <p>当页面上只有一个带有 *.pdf 的 iframe 时，Everysing 工作正常。但是，当我在页面上有两个或多个 iframe，并且单击任何 iframe 附近的“以全屏模式打开”任何按钮时，我总是在全屏模式下只看到第一个 *.pdf...</p> <p>我知道，这是因为我只得到 elem = document.getElementsByClassName("fullscreenframe")[0]; 中的第一个 iframe;</p> <p>我知道我需要使用类似的每个或类似的东西，但我无法解决它。在搜索关于页面上一个全屏元素的所有解决方案时，没有关于页面上多个元素的解决方案...谢谢。</p> </question> <answer tick="true" vote="0"> <p>也许是这样的：</p> <pre><code>jQuery(document).ready(function($){ $(&#34;.node--view-mode-full iframe[src*=&#39;.pdf&#39;]&#34;).each(function (index) { $(this).addClass(&#39;fullscreenframe&#39;); $(this).attr(&#39;id&#39;, &#39;fullscreen-&#39;+index); $(&#39;&lt;button onclick=&#34;openFullscreen(&#39; + index + &#39;)&#34;&gt;Open in Fullscreen Mode&lt;/button&gt;&amp;nbsp;&lt;strong&gt;Tip:&lt;/strong&gt; Press the &#34;Esc&#34; key to exit full screen.&lt;br&gt;&#39;).insertBefore(this); }); }); function openFullscreen(index) { var elem = document.getElementsByClassName(&#34;fullscreenframe&#34;)[index]; if (elem.requestFullscreen) { elem.requestFullscreen(); } else if (elem.webkitRequestFullscreen) { /* Safari */ elem.webkitRequestFullscreen(); } else if (elem.msRequestFullscreen) { /* IE11 */ elem.msRequestFullscreen(); } } </code></pre> </answer> <answer tick="false" vote="0"> <p>为什么不整合 jQuery？</p> <pre><code>const fullScreen = element =&gt; element.requestFullScreen(); // all modern browsers $(function(){ $(&#34;.node--view-mode-full iframe[src*=&#39;.pdf&#39;]&#34;).each(function (index) { $(this).addClass(&#39;fullscreenframe&#39;); $(this).attr(&#39;id&#39;, &#39;fullscreen-&#39;+index); $(&#39;&lt;button class=&#34;fullScreen&#34;&gt;Open in Fullscreen Mode&lt;/button&gt;&amp;nbsp;&lt;strong&gt;Tip:&lt;/strong&gt; Press the &#34;Esc&#34; key to exit full screen.&lt;br&gt;&#39;).insertBefore(this); }); $(&#34;.fullScreen&#34;).on(&#34;click&#34;, function() { const $iFrame = $(this).closest(&#39;p&#39;).find(&#39;iframe.fullscreenframe&#39;); if ($iFrame) fullScreen($iFrame.get(0)); // pass the DOM element }); }); </code></pre> </answer> </body></html>

Cypress 将文件写入新的夹具或文件夹

如何将数组或集合字符串存储到变量中。然后获取该信息并将其保存到新的夹具中。目的是在不同的场景中重新使用该灯具，或者......

从同一 URL 获得不同的响应

我正在开发一个 React 应用程序，我使用 Cypress 进行测试。我的要求是比较我们在应用程序中发送的有效负载和生态系统（数据库/后端）的有效负载。通过使用‘Interce...

如何从<script>window.Flourish

我正在尝试从使用 Flourish 的网站中提取数据。我相信它使用 JavaScript 通过 Flourish 链接（iframe）加载数据。数据位于脚本标记中。 完整 Xpath" /html/body/mai...

从对话流发送和接收文本数据

如何将对话流与我的聊天界面集成？ 我想从对话流发送和接收文本数据，而不是使用 iframe 或对话流信使。

Superset 访客令牌返回登录页面

我正在尝试将仪表板嵌入到另一个站点的 iframe 中。这两个站点都仅使用 HTTP。这是超集文件中的配置 PUBLIC_ROLE_LIKE_GAMMA：正确 SESSION_COOKIE_SECURE = 发...

Iframe 外部 API 回调将 ASP.NET MVC 会话对象重置为 null

解释起来有点棘手，但我会尽力解释问题。首先，它仅在 Firefox、Chrome 和 Edge 上按预期运行。 我有一个网络退房表格...

谁能告诉我如何从<script>window.Flourish

基本上我正在尝试从使用繁荣的网站中提取数据，它使用javascript通过繁荣链接（Iframe）加载数据，我相信..数据位于脚本标记中。 完整的 Xpath”/html...

如何在 Angular 16 应用程序中监听 javascript 回调

我正在尝试使用 iFrame 将我的 Angular 16 应用程序与第三方网站集成。我的问题是如何捕获来自他们网站的回调响应？ 与其 API 集成的建议方法...

如何在不使用 iframe 的情况下使用 Angular 为 chromeextension 创建侧边栏

我正在使用 Angular 开发 chrome 扩展，我的扩展与 MaxAI chrome 扩展类似，当用户单击小部件时，它会打开侧边栏。 我尝试了一些教程来创建...

Youtube IFrame API - 启用 Youtube 历史记录时开始时间不起作用

当用户在启用了 Youtube 历史记录的情况下登录 YouTube 时，开始时间将不起作用。 不知何故，YouTube会在视频播放后转到历史上的最后一个保存时间。 重现步骤...

如果我在css中设置高度，当我设置高度时用鼠标拖动时，面板在调整大小时出现问题，因此它会冻结

我有 3 个面板（左、中、右），当我用鼠标拖动它们时，它们会调整大小。在右侧面板中，我有一个 iframe，其 css 为 width: 100%。为了更清楚，我把它涂成红色。 我愿意

CSS：如果我在CSS中设置高度，当我设置高度时用鼠标拖动时，面板在调整大小时会出现问题，因此它会冻结

我有 3 个面板（左、中、右），当我用鼠标拖动它们时，它们会调整大小。在右侧面板中，我有一个 iframe，其 css 为 width: 100%。为了让它更清晰，我把它涂成红色。 我愿意

为什么现在无法播放 gdrive 文件中的音频？

我有这样的代码： 我有这样的代码： <audio id="player" autoplay controls> <source src="http://docs.google.com/uc?export=open&id=107VpNA7BU4AIxVsK2sRg69-rOigdU57n" type="audio/mp3"> </audio> 最初，上面的代码应该播放驱动器上文件中的歌曲。但是，由于某种原因，它不再起作用了。有人遇到过类似问题吗 听起来您面临着 HTML 的限制，不允许直接从 Google Drive 上的文件流式传输音乐。一种解决方法可能是将音乐文件托管在允许直接流式传输的服务器上，或者您可以考虑使用支持此功能的不同平台或技术。您需要帮助寻找替代解决方案或平台吗？ Google 云端硬盘不支持直接流式传输。 您可以尝试使用 Dropbox OP的方法实际上确实适用于从谷歌驱动器传输音频，使用; src="http://docs.google.com/uc?export=open&id=file-id"， 直到 2024 年 1 月 10 日左右。 在上述日期之前，我有几个 html/javascript 网络播放器直接从驱动器流式传输我的音乐。 Google 已开始推出影响第三方访问驱动器文件方式的更改；意思是在drive.google.com之外 来自 Google Drive 服务器之外的文件请求不再受到相同的处理。 下面链接中的答案部分解释了问题： https://stackoverflow.com/a/77805668/23238731 虽然这个答案是参考谷歌驱动器中的图像，但这同样适用于像OP代码一样链接的音频文件。 Google 建议用户现在使用 iframe 以 html 形式显示 google 云端硬盘内容，包括音频。 我已经对此进行了测试，iframe 选项确实适用于音频，尽管它对于流媒体没有用。