Chris Chua chrisirhc

Example 2 (Anti-pattern)

Please don't do this!

Dynamically generated IFRAMEs can complicate testing for the page.

Please don't do this!

A self-redirect initiated by the JavaScript to a page can make it very difficult to write a test for that page.

The test script is unable to determine whether the page has completed the

Read about this and more on the ThousandEyes blog.

Example of using AngularJS to render text into SVG shapes

Makes use of directive controllers to customize behavior per shape.

	/* globals d3, angular */
	angular.module('myCustomShapes', ['myMod'])

	.directive('myTriangle', function () {
	var line = d3.svg.line()
	.x(function(d) { return d.x; })
	.y(function(d) { return d.y; });

	return {
	restrict: 'E',

	module.exports = function (grunt) {

	var fs = require('fs');

	grunt.registerTask('sasswatch', 'Watch Sass with awareness of dependency graph', function () {

	var options = this.options({
	sassPath: 'sass',
	logFile: null,
	style: 'nested',

	.directive("teDragitem5", [
	'$parse',
	function ($parse) {
	return {
	link: function (scope, element, attr) {

	var dragElement = element;

	// Many other quirks in IE9. Not worth solving.


	<te-widget>
	<te-widget-config>
	<div class="te-dash-config-search ui-form">
	<input class="te-dash-config-search-field"
	type="text" ng-model="tempCfg.search" ng-change="testLimit = 10" />
	</div>
	</te-widget-config>
	<te-widget-body>
	<te-timeseries timeseries-config="widget.config" />