codecamp

测试JavaScript:JSTestDriver

JSTestDriver

此功能仅在Ultimate版本中受支持。

IntelliJ IDEA支持与JSTestDriver测试框架集成。

在开始使用JSTestDriver之前,你需要:

  1. 将测试框架配置为IntelliJ IDEA JavaScript库。

  2. 按照插件管理中的说明安装并启用JSTestDriver插件。

    通过这个插件,IntelliJ IDEA提供了JSTestDriver服务器和断言框架。在测试创建期间,插件检测单元测试框架并建议“Add <test framework>”支持意图操作。

在项目中配置测试框架

  1. 下载您选择的框架并将其配置为IntelliJ IDEA JavaScript库。

  2. 执行以下操作之一:
    • 将项目文件夹添加到库范围。

    • 使用“Add <test framework>”支持意图操作在测试创建期间即时启用框架支持。

    • 要使用Jasmine,请添加jasmine-jstd-adapter到配置文件中。

      打开jsTestDriver.conf并在其中键入以下代码:

      load:
      lib/jasmine/jasmine.js
      lib/jasmine-jstd-adapter/JasmineAdapter.js

手动创建测试运行器配置文件

测试运行器配置文件定义用于加载的加载顺序的测试和生产文件。IntelliJ IDEA将具有扩展名为*.jstd或*.conf的任何文件,都作为测试运行器配置文件。

创建配置文件

  1. 在项目树中,选择生产和测试文件夹的父文件夹,然后在上下文菜单中选择:新建|文件。

  2. 在打开的“新建文件”对话框中,键入带有扩展名jstd或conf的配置文件的名称。

  3. 在编辑器中打开新文件,并指定当前文件夹的完整路径以及要相对于其加载的文件的路径。在文件名模式中使用通配符。

  4. 使用YAML完成配置文件。

运行测试

使用IntelliJ IDEA,您可以直接从编辑器快速运行单个JSTestDriver测试,或创建运行/调试配置以执行部分​​或全部测试。

从编辑器运行单个测试

  • 单击左侧装订线中的 icons toolwindows toolWindowRun svg图标操作重新运行,然后从弹出列表中选择“运行<test_name> ”。因为左侧装订线中的测试状态图标 ws_icon_test_status.png,因此您还可以在编辑器中查看测试是否已通过或失败。

创建JSTestDriver运行配置

  1. 在“项目”工具窗口中选择一个测试文件,然后在上下文菜单中选择“创建<文件名> ”。将打开“运行/调试配置:JSTestDriver”对话框。

  2. 指定要运行的测试,配置文件的路径以及在测试执行之前要执行的活动。

启动WebStorm默认的JSTestDriver测试服务器

  1. 确保项目中至少有一个配置文件。

  2. 打开JSTestDriver Server工具窗口(View | Tool Windows | JSTestDriver Server),然后单击工具栏上的 icons toolwindows toolWindowRun svg

在完成单元测试时停止服务器

  • 单击“停止本地服务器”工具栏按钮 图标动作暂停svg

捕获浏览器

  1. 如果JSTestDriver服务器尚未运行,请启动它,然后切换到JSTestDriver Server工具窗口。

  2. 要使用JSTestDriver的远程控制台来启动本地浏览器,请执行下列操作之一:
    • 单击指示您选择的浏览器的图标。

    • 如果浏览器已打开,请选择“使用URL捕获浏览器”只读字段来复制内容,并将URL粘贴到地址栏中。

    在任何一种情况下,指示所选浏览器的图标都将变为活动状态。
  3. 切换到JSTestDriver Server工具窗口,然后单击指示刚刚打开的浏览器的图标。IntelliJ IDEA会显示一条消息,通知您已准备好执行测试。

通过运行配置运行测试

  1. 从主工具栏上的列表中选择JSTestDriver运行/调试配置,然后单击列表右侧的 icons toolwindows toolWindowRun svg

  2. 在“运行”工具窗口的“测试运行器”选项卡中监视测试执行。

导航

使用IntelliJ IDEA,您可以在文件和相关的测试文件之间切换。还支持从“测试运行器”选项卡中的测试结果导航到测试。

在文件和相关测试文件之间切换

  • 在编辑器中打开文件,然后在上下文菜单中选择:Go To|测试,或Go To|测试主题,或者只需按Ctrl+Shift+T。

从测试结果跳转到测试

  • 在Test Runner选项卡中选择测试名称,然后在上下文菜单中选择:Jump to Source。

    ws_test_jump_to_test
    测试文件在编辑器中打开,光标位于测试定义中。

调试测试

JSTestDriver测试的调试会话仅通过运行/调试配置启动。

开始调试测试

  1. 如上所述,创建JSTestDriver运行/调试配置。

  2. 从主工具栏上的列表中选择JSTestDriver运行/调试配置,然后单击列表右侧的 图标动作startDebugger svg

  3. 在打开的调试工具窗口中,像往常一样继续:逐步完成测试,停止并恢复测试执行,暂停时检查测试等。

监控代码覆盖率

使用IntelliJ IDEA,您还可以监控Karma测试涵盖的代码量。IntelliJ IDEA在专用工具窗口中显示此统计信息,并在编辑器中直观地标记有遮盖和未遮盖的行。

启动包含覆盖率的测试

  1. 如上所述,创建JSTestDriver运行/调试配置。

  2. 启动JSTestDriver服务器并捕获浏览器以运行测试。

  3. 从主工具栏上的列表中选择JSTestDriver运行/调试配置,然后单击列表右侧的 图标一般runWithCoverage svg

  4. 在Coverage工具窗口中监视代码覆盖率 。

从覆盖率分析中排除文件

  1. 如上所述,创建JSTestDriver运行/调试配置。

  2. 在“覆盖率”选项卡中,指定要排除的文件的路径。

测试JavaScript:Jest
测试JavaScript:Karma
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

IntelliJ IDEA的一般准则

什么是IntelliJ IDEA项目

使用IntelliJ IDEA的意图行为

IntelliJ IDEA使用运行/调试配置

特定于VCS的程序

IntelliJ IDEA语言和特定框架指南

IntelliJ IDEA的数据库和SQL功能

IntelliJ IDEA使用之JavaServer Faces(JSF)

IntelliJ IDEA:分析PHP应用程序的性能

IntelliJ IDEA:调试PHP应用程序

IntelliJ IDEA:适用于PHP的Google App Engine

IntelliJ IDEA更多内容

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }