文档帮助

术语、图标和标签

许多类在使用配置对象创建(实例化)时使用快捷名称。快捷名称称为别名(如果类扩展了 Ext.Component,则称为xtype)。别名/xtype 列在适用类的类名旁边,以便快速参考。

访问级别

框架类或其成员可以指定为privateprotected。否则,该类/成员为publicPublicprotectedprivate是访问描述符,用于传达应如何以及何时使用类或类成员。

成员类型

成员语法

以下是一个示例类成员,我们可以对其进行剖析以显示类成员的语法(在本例中,从 Ext.button.Button 类中查看的 lookupComponent 方法)。

lookupComponent ( item ) : Ext.Component
protected

当在items配置的初始化期间或添加新项目时,将原始配置对象添加到此容器时调用added), or {@link #insert inserted.

此方法将传递的对象转换为实例化的子组件。

当需要对子项创建应用特殊处理时,可以在子类中覆盖此方法。

参数

item :  Object

正在添加的配置对象。

返回值
Ext.Component

要添加的组件。

让我们看看成员行的每个部分

成员标志

API 文档使用许多标志来进一步传达类成员的功能和意图。标签可以用文本标签、缩写或图标表示。

类图标

- 表示框架类

- 单例框架类。*有关更多信息,请参阅单例标志

- 组件类型框架类(Ext JS 框架中任何扩展 Ext.Component 的类)

- 表示该类、成员或指南在当前查看的版本中是新的

成员图标

- 表示类型为 config 的类成员

- 表示类型为 property 的类成员

- 表示类型为 method 的类成员

- 表示类型为 event 的类成员

- 表示类型为 theme variable 的类成员

- 表示类型为 theme mixin 的类成员

- 表示该类、成员或指南在当前查看的版本中是新的

类成员快速导航菜单

在 API 文档页面上的类名下方,有一排按钮,对应于当前类拥有的成员类型。每个按钮都显示了按类型划分的成员数量(此数量会随着应用过滤器而更新)。单击该按钮将导航到该成员部分。将鼠标悬停在成员类型按钮上将显示一个弹出菜单,其中包含该类型的所有成员,以便快速导航。

Getter 和 Setter 方法

与类配置选项相关的 getter 和 setter 方法将显示在方法部分以及 API 文档和成员类型菜单的配置部分中,紧挨着它们所使用的配置。getter 和 setter 方法文档将在配置行中找到,以便于参考。

历史记录栏

您的页面历史记录保存在本地存储中,并在顶部标题栏下方显示(使用可用的空间)。默认情况下,仅显示与您当前查看的产品/版本匹配的页面搜索结果。您可以通过单击历史记录栏右侧的 按钮并选择“全部”单选按钮来扩展显示的内容。这将显示所有产品/版本的历史记录栏中的所有最近页面。

在历史记录配置菜单中,您还会看到最近页面访问的列表。结果按“当前产品/版本”和“全部”单选按钮过滤。单击 按钮将清除历史记录栏以及本地存储中保存的历史记录。

如果在历史记录配置菜单中选择了“全部”,则“在历史记录栏中显示产品详细信息”的复选框选项将被启用。选中后,每个历史页面的产品/版本将与历史记录栏中的页面名称一起显示。将光标悬停在历史记录栏中的页面名称上也会显示产品/版本作为工具提示。

搜索和过滤器

可以使用页面顶部的搜索字段搜索 API 文档和指南。

在 API 文档页面上,还有一个过滤器输入字段,使用过滤器字符串过滤成员行。除了按字符串过滤外,您还可以按访问级别、继承和只读过滤类成员。这是使用页面顶部的复选框完成的。

API 类导航树底部的复选框过滤类列表以包含或排除私有类。

单击空搜索字段将显示您最近的 10 次搜索,以便快速导航。

API 文档类元数据

每个 API 文档页面(除了 Javascript 原语页面)都有一个与该类相关的元数据的菜单视图。此元数据视图将包含以下一项或多项

展开和折叠示例和类成员

默认情况下,可运行示例(Fiddles)在页面上展开。您可以使用代码块左上角的箭头单独折叠和展开示例代码块。您也可以使用页面右上角的切换按钮切换所有示例的折叠状态。切换所有状态将在页面加载之间保留。

默认情况下,类成员在页面上折叠。您可以使用成员行左侧的箭头图标或使用右上角的全部展开/折叠切换按钮全局展开和折叠成员。

桌面 -vs- 移动视图

在较窄的屏幕或浏览器上查看文档将导致针对较小外形尺寸优化的视图。桌面视图和“移动”视图之间的主要区别在于

查看类源代码

可以通过单击 API 文档页面顶部的类名称来查看类源代码。可以通过单击成员行右侧的“查看源代码”链接来查看类成员的源代码。

Sencha Test 2.4.0


顶部

安装和设置

Sencha Test 包含两个应用程序:Sencha Studio(一个 GUI 应用程序)和 stc(一个命令行工具)。本指南将引导您完成安装过程,并让您准备好开始测试!您还可以查看Sencha Test 概述以获取一般产品信息。

在开始之前,让我们回顾一下支持的浏览器、平台和 Sencha 框架。然后,我们将引导您完成安装步骤。

支持的平台

操作系统

  • Windows (Win 7+)
  • Mac OS X
  • Linux 32 位 / 64 位

浏览器

  • 桌面: Internet Explorer 8-11,Edge,Chrome,Firefox,Safari,Opera
  • 移动(平板电脑和手机): Chrome,Safari,Internet Explorer,Firefox

Sencha 框架

  • Ext JS 4.2+
  • ExtReact 6.5+(端到端测试)
  • Sencha Touch 2.1+

Sencha 工具

虽然可选,但 Sencha Test 可以与 Sencha Cmd 6.0.2 或更高版本(推荐 6.1.0)互操作。即使您使用 Sencha Cmd,也可以禁用 Sencha Cmd 集成。

其他 JavaScript 库和框架

您可以将 Sencha Test 与任何基于 JavaScript 的应用程序或网页一起使用,但是,Sencha Test 包含它自己的 Jasmine 和 Istanbul 版本,它们可能与页面包含的这些库的其他版本冲突。此外,Sencha Test 使用 ST 全局对象作为其命名空间。

安装

您需要从 网站Sencha 支持门户 的下载部分下载 zip 存档。

安装 Sencha Studio 和 STC

  1. 启动新下载的安装程序。
  2. 单击“下一步”开始安装。
  3. 接受许可协议以继续(选择“我接受协议”并单击“下一步”)。
  4. 选择您的安装路径(如果与默认安装路径不同),然后单击“下一步”。
  5. (Windows) 选中“创建开始菜单文件夹”和“为所有用户创建快捷方式”(可选)的复选框,然后单击“下一步”。
  6. 安装现已完成。单击“完成”关闭安装程序。
  7. 从安装路径、桌面图标或(Windows)开始菜单图标或(Mac)启动板启动 Sencha Studio。

依赖项

嵌入式 Selenium 服务器

Sencha Test Studio(版本 2.0 及更高版本)附带一个嵌入式 Selenium 服务器实例,可以利用它来运行基于 WebDriver 的场景。为了利用此功能,必须安装 Java 8(或更高版本)。

STC 和 Node.js

要运行 STC,必须安装 Node.js(版本 6 或 7)并且应该在系统 PATH 中。

许可证激活工作流程

试用许可证(免费使用 30 天)

如果您是第一次评估产品,请按照以下步骤下载试用许可证

  1. 在初始屏幕上,单击“开始”。

  2. 输入用于下载 Sencha Test 试用版的电子邮件地址。

  3. 单击“开始试用”。

  4. 等待“激活许可证”对话框完成。

  5. 激活成功后,您可以开始使用 Sencha Test。

已购买的许可证(无试用版)

如果您已购买 Sencha Test 许可证并且没有试用许可证

  1. 在初始屏幕上单击“开始”。

  2. 输入有效的电子邮件地址和您的激活码。

  3. 单击“激活”。

  4. 等待“激活许可证”对话框完成。

  5. 激活成功后,您可以开始使用 Sencha Test。

已购买的许可证(试用后激活)

如果您已购买 Sencha Test 许可证并且有有效的/已过期的试用许可证

  1. 导航到设置屏幕上的“许可证”选项卡。此屏幕上提供了有关试用许可证的信息。

  2. 单击“激活”。

  3. 输入在电子邮件中获得的激活码。如果您没有收到电子邮件,请与为您的公司购买该产品的人员联系。

  4. 单击“激活”。

  5. 等待“激活许可证”对话框完成。

  6. 许可证现在为“购买”。

成功的试用版(离线)

如果您是第一次评估产品并且无法下载试用许可证,请按照以下步骤获取离线许可证

  1. 在初始屏幕上单击“开始”。

  2. 单击“离线许可证”。

  3. 输入用于下载 Sencha Test 的电子邮件。

  4. 单击“请求试用”。

  5. 离线许可证信息已复制到剪贴板。

  6. 将信息粘贴到电子邮件中,验证并发送到 [email protected]

  7. Sencha 收到所需信息后,将通过电子邮件向您发送许可证文件。

  8. 点击“打开许可证文件”,并从 Sencha 选择离线许可证文件。

  9. 点击“打开”。

  10. 许可证已验证,您应该看到“试用激活成功”屏幕。继续使用 Sencha Test。

已购买许可证(试用后离线激活)

如果您已购买 Sencha Test 许可证并且有有效的/已过期的试用许可证

  1. 在设置屏幕上导航到“许可证”选项卡。有关试用许可证的信息应该在此屏幕上提供。

  2. 单击“激活”。

  3. 输入在电子邮件中获得的激活码。如果您没有收到电子邮件,请与为您的公司购买该产品的人员联系。

  4. 按下“请求激活”。

  5. 离线许可证信息已复制到剪贴板。

  6. 将信息粘贴到电子邮件中,验证并发送到 [email protected]

  7. Sencha 收到所需信息后,将通过电子邮件向您发送许可证文件。

  8. 点击“打开许可证文件”,并从 Sencha 选择离线许可证文件。

  9. 点击“打开”。

  10. 许可证已验证,您应该看到“试用激活成功”屏幕。继续使用 Sencha Test。

升级到 Sencha Test 2.x

如果您目前使用的是 Sencha Test 1.x,并且要升级到 Sencha Test 2.x,请按照以下步骤操作。

  1. 下载并解压缩 Sencha Test 2.x。
  2. 运行安装程序并选择推荐选项。
  3. 确保将新的 STC 安装添加到您的 PATH 变量中,并且优先于旧版本。

Sencha Test 2 现在应该安装在您的系统上。在 Sencha Test 1.x 中创建的工作区可以在 Sencha Test 2.x 中打开。

卸载 Sencha Test

  1. 打开“Sencha Test”应用程序文件夹(例如,在 Windows 上的“C:\Program Files”中,或在 Mac 上的“Applications”中)。
  2. 双击“卸载”图标。
  3. (Windows) 如果适用,在“用户帐户控制”对话框中点击“是”。
  4. 点击“下一步”。
  5. Sencha Studio 已卸载。
  6. 点击“完成”关闭卸载程序。

下一步

现在 Sencha Studio 和 stc 已安装,您可以 开始编写一些测试!如果您有任何其他问题、疑虑或错误报告,请访问 Sencha Test 论坛

Sencha Test 2.4.0