我的 qUnit 测试套件需要许多不同的全页 DOM 示例

2023-11-27

我有少量的 Javascript 需要测试,但它在整个页面上运行,例如,通过编号 id 查找元素,如“#t34”。我需要创建一些不同的页面来测试不同的可能配置。我看到我可以使用 qunit-fixture 创建一个 DOM 树以供测试访问,但每个页面配置都需要是一个完整的页面,因为它将通过 id 查找元素。

各种 qUnit 教程似乎都专注于执行简单算术的纯 Javascript 函数的简单示例。我需要帮助了解如何使用许多不同的文件构建真正的测试套件。

更新了更多详细信息:我是所有者覆盖率.py,Python 代码覆盖率工具。它生成 HTML 报告。这些报告使用 jQuery 来添加一点交互性。我添加了很多内容,并且希望自动化测试。 HTML 看起来像这样。不涉及服务器,这些只是写入本地目录的文件,因此没有 Ajax 的机会。我想针对许多不同的页面配置运行测试,主要与红色和绿色代码块的边缘情况有关。

因为我的代码按编号访问源行,如下所示$("#t123")(例如),同一 DOM 中不能有多个 HTML“页面”,因为 id 会发生冲突。如何针对不同的 HTML 页面运行 qUnit?


#qunit-fixture 由 QUnit 自动重置,这意味着您可以用每个测试使用的标记填充它,或者将其留空并让每个测试填充它以利用自动休息。或者只使用每次测试后单独重置的标记。

您可以使用模块方法重构每个测试的设置和拆卸:http://docs.jquery.com/QUnit/module

在这种情况下,听起来一个不错的选择是对每个测试使用(同步)ajax 请求,将所需的页面标记加载到 #qunit-fixture 元素中。这样你只需要自定义设置,因为 QUnit 之后会重置。

即使您只处理文件系统中的本地文件,只要它们与测试套件文件位于同一目录中,您就应该能够通过 ajax 加载它们。

如果没有,很容易让本地服务器运行,例如通过“打开http://localhost-8080.com/&& python -m SimpleHTTPServer 8080”在该目录中。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

我的 qUnit 测试套件需要许多不同的全页 DOM 示例 的相关文章

  • Javascript:如何根据 html 标签扩展用户选择?

    乐代码 http jsfiddle net frf7w 12 http jsfiddle net frf7w 12 所以现在 当前的方法将完全按照 选择的方式获取所选文本 并添加标签 以便在显示时页面不会爆炸 但我想做的是 就是说 当用户选
  • 使用 jQuery 值更新 Angular 模型

    您好 我有一个附加在我的模型上的输入字段 当用户手动输入该字段时 会在更改时调用一个函数 这工作正常 并且模型按预期在控制台日志中反映
  • Java:从元素创建 DOM 元素,而不是文档

    如您所知 在 Java 中创建 Dom 元素的正确方法是执行以下操作 import org w3c dom Document import org w3c dom Element Document d Element e e d creat
  • 使用jquery和coldfusion cffile上传多个文件

    不是一个真正的问题 只是想将其发布在某个地方 因为我在其他地方找不到它 现在我已经拼凑了一个工作演示 我想我会分享 这在 Coldfusion 和 Railo CFML 服务器上同样有 效 问题是 对于 CFML 开发人员来说 CFFILE
  • Skrollr 添加空白

    我已经尝试了一切 我在谷歌上阅读了 4 5 页试图找到适合我的修复程序 已经筋疲力尽了 即使我使用 skrollr 示例 我的问题仍然存在 不是说他们做错了什么 我知道我只是没有正确理解它 因此 我上传了一个演示 仅在移动设备上展示这个尴尬
  • 如何禁用 TinyMCE 文本区域

    我已经尝试了以下所有方法 tbxNote attr disabled disabled doesn t work tbxNote attr disabled true doesn t work either tinyMCE init mod
  • 使垂直网格线出现在跨区表格单元格的顶部

    我正在开发一个 ASP Net 项目 我有一个
  • 使用 jQuery 按标题选择 div

    我有一个带有 div 的网页 其中包含其他几个没有关联 ID 的 div div div title jhon style width 8px height 9px div div title carl style width 8px he
  • 使用 json.js 字符串化多维数组时出现问题

    我有以下问题 stringify 但我认为我的 JavaScript 数组一定是错误的 这是我的代码 var questions new Array Valid hover function for i 0 i lt Questions l
  • 使用 bootstrap 将并排的网格位置交换到顶部和底部

    我有两个 div 内容和图像 它们在中等屏幕中并排放置 col md 6 内容 col md 4 图片 因此 当屏幕尺寸更改为小屏幕和 xs 屏幕时 这些 div 不应该并排放置 它们应该像这样顶部和底部对齐 image content 这
  • 在 ajax 请求上启用 jQuery contextMenu 项

    我正在尝试更新上下文菜单 http medialize github com jQuery contextMenu docs htmlitem 如果 ajax 请求改变了我的 div 内容 这就是我的意思 我有一个这样的 div div c
  • 验证动态字段jquery

    下午好 我遇到了以下问题 我正在使用 jQuery 验证插件来验证我的表单 v1 13 0 客户端 工作得很好 但我无法解决的问题是 我有一个字段名称 product 它是一个数组 在这个阵列中我可能有一种或可能有 20 种产品 这是我的代
  • 获取选定的文本框 ID jQuery

    在我的表单中 我有几个文本框 例如txtItemCode1 txtItemCode2 etc 如果我在其中任何一个上按 Enter 键 我会使用此代码执行某些操作 但我想获取选定的文本框 ID 我怎样才能做到这一点 变量 id 应该有您正在
  • IE提示打开或保存服务器的json结果

    兼容模式下的Internet Explorer通过ajax回调方法从服务器获取数据 如果我想保存数据或打开数据 会弹出一个对话框 如何摆脱它 客户说 ajax type POST data UIdlgHolder gt form seria
  • select2 验证 - 选择至少一个值

    我在用select2 http ivaynberg github io select2 and jQuery 验证 http jqueryvalidation org 插件 select2 的 HTML div class form gro
  • “$(document).ready”函数的替代方案

    我在 aspx 页面中使用 fancybox 对于灯箱 文档就绪功能在此页面中不起作用 有人告诉我编写一个新的 JavaScript 代码来加载该页面中的灯箱 包括 jQuery 检查网络选项卡 确保您没有收到 404 检查控制台是否没有收
  • jQuery 相当于 underscore.js 的 groupBy

    jQuery 中是否有一个内置函数可以执行相当于http underscorejs org groupBy http underscorejs org groupBy 有什么解决方法吗 Thanks 不 jQuery 不是为数据处理而设计的
  • 使用 jQuery 从 ASP.Net JSON 服务获取数据

    我正在尝试调用 Google 地图地理编码 API 从纬度 经度对中获取格式化的地址 然后将其记录到控制台 我正在尝试获取为给定位置返回的第一个 formatted address 项目 我很简单无法从 JSON 中提取该项目 我不知道为什
  • jQuery:向左滑动和向右滑动

    我见过slideUp and slideDown在 jQuery 中 左右滑动的功能 方式怎么样 您可以使用 jQuery UI 中的附加效果来做到这一点 详情请参阅此处 http docs jquery com UI Effects Sl
  • Radiobutton-带有纯 html/css 的按钮

    是否可以创建像这样的单选按钮JQuery http jqueryui com demos button radio那些 用纯html css thanks 试试这个小提琴 http jsfiddle net mcXm7 1 http jsf

随机推荐

  • 强制具有特定注释的方法具有特定参数/签名

    我有一个注释 import java lang annotation ElementType import java lang annotation Retention import java lang annotation Retenti
  • Android:让 WebView 显示位图的最简单方法?

    我有一些从存储在位图变量中的远程源加载的图像 我想显示它们 除了在这些图像之间切换之外 用户还应该能够缩放和平移它们 我的第一个想法是以某种方式通过意图将它们传递到内置图库应用程序 但这似乎不可能 在多个地方建议的解决方案是使用 WebVi
  • 检测是否支持事件监听器

    是否可以检测某些浏览器是否支持某些事件 我可以检测浏览器是否支持document addEventListener 但我需要知道它是否支持该事件DOMAttrModified Firefox 和 Opera 支持它 但 Chrome 和其他
  • javax.net.ssl.SSLProtocolException:证书链长度 (11) 超出允许的最大长度 (10)

    我很挣扎 因为我的 java MVC Web 应用程序在尝试创建具有特定 https 地址的 WebService 时开始抛出异常 https barramento caixa gov br sibar ManutencaoCobranca
  • 如何从 C# 调用 JavaScript - Cordova/PhoneGap

    我正在使用 cordova phonegap 制作一个 Windows Phone 应用程序 我试图在事件触发时从 C 调用脚本 有办法做到这一点吗 到目前为止 这是我的课程 public void register string opti
  • 如何从Spring Batch Processor process()方法向Spring Batch作业启动方法抛出异常?

    我有 Web 服务方法来启动 Spring Batch 作业 如果 Spring Batch 处理中发生任何异常 控制将返回到处理器处理方法 但我需要控制器返回到网络服务方法 我必须捕获并编码以通过电子邮件发送该异常 网络服务方法 publ
  • 如何在 Mac OSX 上轻松切换 PHP 版本?

    我想在 PHP 5 3 到 PHP 8 2 上测试我的应用程序 在哪里以及如何安装版本以及如何通过运行小脚本来切换它们 如果您安装了两个版本的 PHP 则可以使用以下命令在版本之间切换link and unlink brew命令 例如 在
  • ICC 与 GCC - 优化和 CPU 架构

    我有兴趣了解 GCC 在优化级别和迎合特定处理器架构方面与英特尔的 ICC 有何不同 我正在使用适用于 Linux 的 GCC 4 1 2 20070626 和 ICC v11 1 ICC 的优化级别 O1 到 O3 与 GCC 有何不同
  • 通过服务帐户使用 Google Cloud Source Repositories

    是否可以访问谷歌云源代码库以自动化的方式 即从 GCE 实例使用服务帐户 我在文档中看到的唯一身份验证方法是使用gcloud auth login命令 它将验证我的个人用户是否可以访问存储库 而不是我正在运行命令的计算机 如果你想克隆git
  • JSF 复选框监听器

  • Java:构造函数初始化和静态方法初始化之间的区别?

    这可能只是个人品味和工作流程的问题 但如果不止于此 我觉得无论如何我都应该问 在Java中 通过构造函数创建实例和通过静态方法 返回实例 创建实例有什么区别 例如 从我正在从事的项目中获取这段代码 在发布时手工编写 因此采取了一些快捷方式和
  • Eclipse 自动完成功能不适用于 lambda 和类型

    我使用 Eclipse Oxygen 2 版本 4 7 2 我尝试了一些 lambda 表达式并遇到以下问题 我编写没有类型的 lambda 参数 Eclipse 自动完成工作正常 If I write lambda parameters
  • 如何标准化图像?

    如果我有一系列像素 范围从 500 到 1000 我将如何标准化同一梯度上的所有像素 以便它们落在特定范围 例如 0 和 255 之间 像这样的一些伪代码会将值从一个范围线性缩放到另一个范围 oldmin 500 oldmax 1000 o
  • __COUNTER__ 宏可移植吗?

    我有一段代码使用 COUNTER 宏为变量生成唯一的名称 该代码可移植吗 我知道 GCC 和 MSVS 支持它 其他编译器怎么样 宏是由标准定义的吗 据我所知 在 C 14 之前不是 绝对是not标准 它是一个编译器扩展 GNU C 扩展
  • 在C#中设置秒表程序的开始时间

    我想编写一个简单的秒表程序 我可以使用以下代码使其工作 public Form1 InitializeComponent System Diagnostics Stopwatch ss new System Diagnostics Stop
  • 如何在新版本的 opentelemetry 包中导入和使用 python 中的指标

    我刚刚开始接触遥测 但在尝试在新版本的 opentelemetry api 和 opentelemetry sdk 中使用指标时遇到了困难 我发现了什么 1 文档 这是一个旧的入门 不要尝试那些脚本 不是最新的 https open tel
  • 如何使用 Objective C 收集 osx 中的系统信息

    是否定义了任何方法 API 来收集 osx 中的系统信息 我想编写一个实用程序来收集CPU RAM 网络适配器等硬件信息 任何想法 提前致谢 System Profiler 很不错 它会为一些缓慢的文件 I O 输出 XML 并且在获取所需
  • 如何在 ASP.NET MVC 中创建文件并通过 FileResult 返回它?

    我必须在我的应用程序 ASP net MVC 应用程序中创建并返回文件 文件类型应该是普通的 txt 文件 我知道我可以返回 FileResult 但我不知道如何使用它 public FilePathResult GetFile strin
  • 通过代理的 Google 云消息传递 GCM

    我无法通过公司代理向设备发送消息 我已经在 google 网站上完成了 GCM 教程 并使用 android 模拟器成功在 google 服务器上注册了设备 也在我这边的服务器上 为此 我必须通过公司代理 将其设置在模拟器的接入点中 现在我
  • 我的 qUnit 测试套件需要许多不同的全页 DOM 示例

    我有少量的 Javascript 需要测试 但它在整个页面上运行 例如 通过编号 id 查找元素 如 t34 我需要创建一些不同的页面来测试不同的可能配置 我看到我可以使用 qunit fixture 创建一个 DOM 树以供测试访问 但每