简介
JavaScript YUI测试框架是最大的标准JavaScript单元测试框架之一。它是雅虎用户界面(YUI)的一部分。它可以用来测试任何独立的JavaScript代码。这并没有实践YUI库。YUI测试提供了一个简单的语法来创建JavaScript测试案例。这些也可以从浏览器或命令行中运行。他们同样为测试异步(Ajax)JavaScript(www.technologiesinindustry4.com/2021/07/jav…
如果我们习惯了xUnit框架的语法,例如JUnit,我们会发现自己已经熟悉了YUI测试的语法。在YUI测试中,有改变的方法来显示测试结果。我们可以在浏览器控制台显示测试结果或开发我们的自定义测试运行器页面来显示测试结果。由于一些浏览器不支持控制台对象,最好是开发可接受的自定义测试运行器页面,以在所有浏览器中显示测试结果。控制台对象在以下情况下被支持。
- 安装了Firebug的火狐浏览器
- Safari 3+
- Internet Explorer 8以上
- 浏览器
说明
雅虎的YUI库项目是由Thomas Sha创建的。它是由雅虎联合创始人杨致远在内部赞助的。该库的开发者坚持YUIBlog。YUI社区在其社区论坛上对库和应用程序进行辩论。
YUI Test能够作为一个基于浏览器的JavaScript解决方案的测试框架。我们可以通过使用YUI Test轻松地将单元测试添加到我们的JavaScript解决方案。YUI Test确实源于nUnit和JUnit的一些功能,尽管它不是直接从任何特定的xUnit框架移植。
特点
YUI 库在其网站上有完整的文档。完整的 API 文档与库的下载一起。它有六种模块。
- YUI核心
- 实用程序
- UI控件
- CSS组件
- 开发者工具
- 构建工具
YUI核心
YUI核心是一个用于事件管理和DOM操作的轻型工具集。
YUI全局对象
YUI全局对象包括
- 语言实用程序。
- 一个脚本加载器
- 其他YUI的基线基础设施。
DOM集合
支持常见的 DOM 脚本任务,包括元素定位和 CSS 样式管理。
事件实用程序
使可用的开发人员轻松和安全地访问浏览器事件。它同样提供了自定义事件对象,用于发布和认捐自定义事件。
实用工具
动画
通过对页面元素的位置、大小、暗淡或其他特征进行动画处理来创造效果的优势。
浏览器历史管理
支持网络应用程序使用浏览器的返回按钮和书签功能。
连接管理器
帮助以跨浏览器的方式管理XMLHttpRequest事务。它集成了对表单帖子、错误处理、回调和文件上传的规定。
曲奇
允许我们通过一个简单的API来管理浏览器cookies和子cookies。
数据源
为其他组件提供一个共同的可配置接口,以便与不同类型的数据进行交互。
拖放
YUI Drag and Drop Utility创造了它轻松地使元素可拖动,并使拖动目标回复到拖动事件。
元素
为DOM中的HTML元素提供了一个包装器。它使常见的任务更简单,例如添加监听器,操纵DOM,以及设置和获取属性。
获取
获取工具有助于数据的异步加载。它支持脚本节点的脚本和外部CSS文件的动态加载。
图像加载器
YUI的ImageLoader允许我们给图像的加载让路。在页面加载时,这些图像在视口中是不可见的。这可能会导致很大的性能提升。
JSON
JSON工具提供了验证传入的JSON数据的方法。那就是确认它是安全的,以及将JavaScript数据转换为JSON格式的字符串的方法。这些方法是建立在Douglas Crockford在JSON的工作之上的。
调整大小
允许我们使任何块级的HTML元素可调整大小。
选择器
YUI选择器工具使我们能够通过CSS3选择器语法对HTML元素进行引用。
YUI加载器
YUI Loader 是一个客户端加载器引擎。它可以动态地加载任何YUI组件和依赖性。
控件
自动完成
为涉及文本输入的用户互动提供可用的自动完成功能。它有助于各种数据源格式。它同样也支持通过XMLHttpRequest的服务器端数据源。
按钮
允许创建丰富的、图形化的按钮。这些按钮的功能与传统的HTML表单按钮一样。
日历
用于日期选择的生动和图形化的控件。
图表
图表控件通过数据源工具保存数据。它们以各种常见的图表格式显示数据。
颜色选择器
颜色选择器控件为颜色选择提供了一个丰富的图形界面。
容器
帮助各种DHTML窗口模式。这些包括Tooltip, Panel, Dialog, SimpleDialog, Module, and Overlay。
DataTable
到目前为止影响不大的API,用于在网页上显示读屏器可访问的表格数据。突出的结构包括可排序的列、分页、滚动、行选择、可调整大小的列和内联编辑。
ImageCropper
ImageCropper提供了用户界面。它分享了客户端图像裁剪器的元素。
布局管理器
使我们能够通过给定一个固定的布局覆盖、顶部、底部以及左、右和中心的布局单元,以很少的努力做出跨浏览器、像素完美的布局。
菜单
为制作飞出式菜单、菜单栏和上下文菜单提供一个简单的API。
富文本编辑器
富文本编辑器是一个优雅的客户端文本处理器。它是模块化和高度可配置的,适合于任何开放式的文本输入条件。
滑块
提供了一个通用的滑块元素。该元素允许用户在一个或两个轴上选择有限的值范围。
TabView
提供可导航的标签式内容视图。它们支持通过XMLHttpRequest动态加载标签内容。
树状视图
产生一个内容树,其节点可以被延长和收缩。
上传者
允许通过对上传进度的反馈进行多文件上传。
CSS资源
CSS基础
在重置后使用Base,为网页开发者所熟悉的普通浏览器的CSS规则提供一个一致的、跨浏览器的备用。
CSS网格
七个基本的页面线框,带有分节模块,可以帮助超过1000种不同的页面布局。
CSS字体
一致的跨浏览器字体家族和大小版本。
CSS 重置
CSS声明消除了页边距。它们调节普通元素的跨浏览器渲染。
开发者工具
记录器
提供了一个快速和简单的方法来写日志信息到屏幕上的控制台。
剖析器
一个跨浏览器的、非可视化的JavaScript代码分析器。
ProfilerViewer
与Profiler组合使用,为我们的剖析数据提供丰富的可视化。
构建工具
YUI压缩器
YUI Compressor是一个工具,它可以无损地减少JavaScript和CSS。
脚本
YUIDoc是一个用JavaScript编写的工具。它创建了可搜索的JavaScript代码的API文档。它自然是作为构建过程的一部分来使用。YUIDoc是注释驱动的。它们与各种编码风格和编程语言兼容。
欲了解更多详情,请访问:https://www.technologiesinindustry4.com
JavaScript YUI测试框架最初发表于Nerd For Techon Medium,在那里人们通过强调和回应这个故事继续对话。