We will find ourselves acquainted with the YUI Test syntax if we are used to the syntax of xUnit frameworks for example JUnit. There are changed methods to display test results in YUI Test. We can show the test results in the browser console or develop our custom test runner pages to display the test results. It is better to develop custom test runner pages acceptable to show the test results in all the browsers due to some browsers do not support the console object. The console object is supported in:
- Firefox with Firebug installed
- Safari 3+
- Internet Explorer 8+
The YUI Library project at Yahoo! was created by Thomas Sha. It was sponsored inside by Yahoo! co-founder Jerry Yang. The library’s developers uphold the YUIBlog. The YUI community debates the library and applications in its community forum.
The YUI Library is completely documented on its website. Full API documentation goes with the library download. It has six kinds of modules:
- YUI core
- UI controls
- CSS components
- Developer tools
- Build tools
The YUI Core is a light set of tools for event management and DOM operation.
YUI Global Object
The YUI Global Object covers
- Language utilities,
- A script loader
- Other baseline infrastructure for YUI.
Supports by common DOM scripting tasks, with element positioning and CSS style management.
Make available developers with easy and safe access to browser events. It similarly offers the Custom Event object for publishing and pledging to custom events.
Advantages to creating effects by animating the location, size, dullness or other features of page elements.
Browser History Manager
Supports web applications use the browser’s back button and bookmarking functionality.
Helps manage XMLHttpRequest transactions in a cross-browser fashion. It has integrated provision for form posts, error handling, callbacks and file uploading.
Permits us to manage browser cookies and sub cookies through a simple API.
Make available a common configurable interface for other components to interact with different types of data.
Drag and drop
The YUI Drag and Drop Utility creates it relaxed to make elements draggable and to make drop targets that reply to drag events.
Offers a wrapper for HTML elements in the DOM. It makes simpler common tasks for example adding listeners, manipulating the DOM, and setting and getting attributes.
The Get Utility helps the asynchronous loading of data. It supports the scripts by script nodes and the dynamic loading of external CSS files.
YUI’s ImageLoader permits us to give way to the loading of images. Those images are not visible in the viewport at the time the page loads. This may result in big performance boosts.
Permits us to make any block-level HTML element resizable.
The YUI Selector Utility enables us to take references to HTML elements via CSS3 selector syntax.
YUI Loader is a client-side loader engine. It can dynamically load any YUI component and dependencies on the fly.
Make available autocomplete feature for user interactions involving text entry. It helps a variety of data-source formats. It likewise supports server-side data-sources via XMLHttpRequest.
Allows the creation of rich, graphical buttons. Those do function like traditional HTML form buttons.
Vibrant and graphical control used for date selection.
The Charts Control saves data via the DataSource Utility. They show the data in a variety of common chart formats.
The Color Picker Control offers a rich graphical interface for colour selection.
Helps a variety of DHTML windowing patterns. Those are comprising Tooltip, Panel, Dialog, SimpleDialog, Module and Overlay.
Modest up till now influential API to display screen-reader accessible tabular data on a web page. Distinguished structures include sortable columns, pagination, scrolling, row selection, resizable columns, and inline editing.
ImageCropper offers the UI. It shares the elements for a client-side image cropper.
Enables us to make cross-browser, pixel-perfect layouts with little effort by given that a fixed layout covering, top, bottom, and left, right and centre layout units.
Gives an easy API for making fly-out menus, menu bars, and context menus.
Rich Text Editor
The Rich Text Editor is a classy client-side text processor. It is modular and highly configurable, appropriate for any open-ended text entry condition.
Delivers a generic slider element. That element allows the user to select within a finite range of values on one or two axes.
Supplies navigable tabbed views of content. They support dynamic loading of tab content via XMLHttpRequest.
Yields a content tree whose nodes may be prolonged and contracted.
Permits for a multi-file file upload by feedback on upload progress.
Use Base after Reset to make available a consistent, cross-browser spare for the normal browser CSS rules to which web developers are familiar.
Seven basic page wireframes with subsection modules to help over 1000 different page layouts.
Consistent cross-browser font families and size version.
CSS declarations eliminate margins. They regulate cross-browser rendering on common elements.
Gives a rapid and easy way to write log messages to an on-screen console.
Used in grouping with Profiler to deliver rich visualizations of our profiling data