[Sencha Test] 4、测试已有应用程序
2016-08-26 09:23
274 查看
原文链接:http://blog.csdn.net/lovelyelfpop/article/details/52325102
英文原文:《Testing Existing Applications》
Sencha Test 可以用来测试你现有的 web 应用程序,只需要很少的安装配置. 本指南会教你如何配置一个Sencha Test Workspace,来测试一个远程服务器上的已有应用程序. 当然, 因为应用程序也很容易运行在本地 web 服务器, 所以,不管你是开发者还是测试工程师,本指南都会带你入门测试应用程序.
你可以点击欢迎界面右下的 “New Workspace” 按钮来创建一个新的 workspace.
点击 “New Workspace” 按钮.
选择目标位置.
可以忽略 "SDK Path", 因为我们已经有了现成的应用程序.
点击 "OK".
workspace 生成之后, Sencha Studio 会打开它,你可以选择 Tests 节点,对测试项目进行配置:
你可以改变测试项目的
已经挺好的. 在测试项目中可以创建多个测试场景(Scenarios), 测试场景是测试用例的集合,每个测试用例可以独立执行.
点击 "Initialize Test Project" 按钮,可以打开测试项目的设置界面.
配置过程的详细说明请看 项目, 场景(Scenarios)和套件(Suites)指南, 但是为了简单起见,本指南只做2件事:
Location = https://www.baidu.com
Allowed Globals = *
因为百度页面上使用了大量的全局变量, 我们需要把 "Allowed Globals" 设为通配符
的检测.
点击 Save 按钮,此时你会看到 Tests 节点可以展开了. Tests 节点的子节点是 场景(Scenarios). 默认地,新建的测试项目会有一个 "Unit Tests" 场景. 对本指南来说,这点足够了.
现在我们有了一个测试项目和场景, 我们可以创建我们的第一个 Jasmine 测试了. 只需要在 Sencha Studio 中, 右击 "Unit Tests" 场景节点:
在出现的对话框中输入名称, 比如 "Tests.js". 一个新的节点就被添加到 "Unit Tests" 下面了,你可以打开这个文件. 默认的 Jasmine 测试套件很简单,所以我们可以开始做些更有用的测试.
上面的例子中,我们使用了 Sencha Test Futures API,来定位和操作搜索框元素. 我们调用
Sample Code
这个函数返回一个 "future 元素". 它是一个对象,一旦元素可用并且可见,此对象里的函数 (
就在该元素上进行操作. 在其他测试框架中, 要实现这种可能会比较繁琐,但是使用 Futures API, 这完全不是问题.
要执行我们的测试, 只要选中 Unit Tests 节点。然后会启动交互式测试运行器. 接着, 我们选择一个本地浏览器(此处则是Chrome 48), 于是我们看到测试树里面出现了我们的 Jasmine 套件和spec[1].
[1]译者注:一个Suite(describe)包含多个Spec(it), 一个Spec(it)包含多个断言(expect)
这一步在我们选择浏览器的时候就会发生, 因为 Sencha Studio 会启动浏览器并加载测试对象 (本例就是https://www.baidu.com) ,测试对象会加载我们的所有测试. 不过,如果你看下浏览器的地址栏, 你会看到
URL 像下面这样,而不是我们输入的地址:
Sample Code
地址和端口指向本地机器. 更具体地说,URL 指向 Sencha Studio 自身. 这是因为 Sencha Test 是处于浏览器和测试页面/应用程序中间,以中介或代理的方式执行测试 (在 Sencha Studio 和 stc 命令行中)的. 这使得 Sencha Test 可以把 Jasmine 和我们的测试注入到测试对象中,而无需修改测试对象.
更多细节请看 使用测试运行器 Test Runner.
然后点击 Run 按钮, 浏览器中就可以看到搜索结果了!
注意: 因为这个测试会聚焦搜索框, 有些浏览器如果不是前台活动窗口的话,可能会执行失败. 此时,在点击 Run 按钮的时候,应该要把浏览器切换到前台运行.
测试应用程序的入门就这些. 更深层次的请看:
项目, 场景(Scenarios)和套件(Suite)
使用测试运行器 Test Runner
Jasmine
欢迎加入Sencha Touch + Phonegap交流群
1群:194182999 (满)
2群:419834979
共同学习交流(博主QQ:479858761)
英文原文:《Testing Existing Applications》
Sencha Test 可以用来测试你现有的 web 应用程序,只需要很少的安装配置. 本指南会教你如何配置一个Sencha Test Workspace,来测试一个远程服务器上的已有应用程序. 当然, 因为应用程序也很容易运行在本地 web 服务器, 所以,不管你是开发者还是测试工程师,本指南都会带你入门测试应用程序.
创建 Workspace
你可以点击欢迎界面右下的 “New Workspace” 按钮来创建一个新的 workspace.点击 “New Workspace” 按钮.
选择目标位置.
可以忽略 "SDK Path", 因为我们已经有了现成的应用程序.
点击 "OK".
workspace 生成之后, Sencha Studio 会打开它,你可以选择 Tests 节点,对测试项目进行配置:
创建测试项目
你可以改变测试项目的 "project.json"文件的位置, 不过默认位置 (在
"test"文件夹里)
已经挺好的. 在测试项目中可以创建多个测试场景(Scenarios), 测试场景是测试用例的集合,每个测试用例可以独立执行.
点击 "Initialize Test Project" 按钮,可以打开测试项目的设置界面.
配置过程的详细说明请看 项目, 场景(Scenarios)和套件(Suites)指南, 但是为了简单起见,本指南只做2件事:
Location = https://www.baidu.com
Allowed Globals = *
因为百度页面上使用了大量的全局变量, 我们需要把 "Allowed Globals" 设为通配符
*,来禁用掉 全局变量内存泄漏
的检测.
点击 Save 按钮,此时你会看到 Tests 节点可以展开了. Tests 节点的子节点是 场景(Scenarios). 默认地,新建的测试项目会有一个 "Unit Tests" 场景. 对本指南来说,这点足够了.
创建测试用例
现在我们有了一个测试项目和场景, 我们可以创建我们的第一个 Jasmine 测试了. 只需要在 Sencha Studio 中, 右击 "Unit Tests" 场景节点:在出现的对话框中输入名称, 比如 "Tests.js". 一个新的节点就被添加到 "Unit Tests" 下面了,你可以打开这个文件. 默认的 Jasmine 测试套件很简单,所以我们可以开始做些更有用的测试.
上面的例子中,我们使用了 Sencha Test Futures API,来定位和操作搜索框元素. 我们调用
ST.element()来实现:
Sample Code
ST.element('input#kw') .focus() .type('Sencha');
这个函数返回一个 "future 元素". 它是一个对象,一旦元素可用并且可见,此对象里的函数 (
focus和
type等)
就在该元素上进行操作. 在其他测试框架中, 要实现这种可能会比较繁琐,但是使用 Futures API, 这完全不是问题.
要执行我们的测试, 只要选中 Unit Tests 节点。然后会启动交互式测试运行器. 接着, 我们选择一个本地浏览器(此处则是Chrome 48), 于是我们看到测试树里面出现了我们的 Jasmine 套件和spec[1].
[1]译者注:一个Suite(describe)包含多个Spec(it), 一个Spec(it)包含多个断言(expect)
这一步在我们选择浏览器的时候就会发生, 因为 Sencha Studio 会启动浏览器并加载测试对象 (本例就是https://www.baidu.com) ,测试对象会加载我们的所有测试. 不过,如果你看下浏览器的地址栏, 你会看到
URL 像下面这样,而不是我们输入的地址:
Sample Code
http://127.0.0.1:8600/?orionAgentId=1
地址和端口指向本地机器. 更具体地说,URL 指向 Sencha Studio 自身. 这是因为 Sencha Test 是处于浏览器和测试页面/应用程序中间,以中介或代理的方式执行测试 (在 Sencha Studio 和 stc 命令行中)的. 这使得 Sencha Test 可以把 Jasmine 和我们的测试注入到测试对象中,而无需修改测试对象.
更多细节请看 使用测试运行器 Test Runner.
然后点击 Run 按钮, 浏览器中就可以看到搜索结果了!
注意: 因为这个测试会聚焦搜索框, 有些浏览器如果不是前台活动窗口的话,可能会执行失败. 此时,在点击 Run 按钮的时候,应该要把浏览器切换到前台运行.
结论
测试应用程序的入门就这些. 更深层次的请看:项目, 场景(Scenarios)和套件(Suite)
使用测试运行器 Test Runner
Jasmine
欢迎加入Sencha Touch + Phonegap交流群
1群:194182999 (满)
2群:419834979
共同学习交流(博主QQ:479858761)
相关文章推荐
- Android之使用Http协议实现文件上传功能
- mysql集群之MMM简单搭建
- 使用命令修改注册表键值及权限
- 通晓网络测试常用命令
- extjs grid取到数据而不显示的解决
- Fedora Linux 7 Test 4 发布 下载地址
- ExtJS下grid的一些属性说明
- Extjs在exlipse中设置自动提示的方法
- 常用Extjs工具:Extjs.util.Format使用方法
- extjs DataReader、JsonReader、XmlReader的构造方法
- 学习ExtJS(一) 之基础前提
- extjs 为某个事件设置拦截器
- ExtJs 学习笔记基础篇 Ext组件的使用第1/2页
- Extjs列表详细信息窗口新建后自动加载解决方法
- Extjs grid添加一个图片状态或者按钮的方法
- Extjs学习笔记之四 工具栏和菜单
- extjs form textfield的隐藏方法
- 实现android应用程序自动化测试的批处理脚本
- Nodejs学习笔记之测试驱动
- ExtJS 2.0实用简明教程之应用ExtJS