dojo/tests/unit/io/iframe.js

Dojo core is a powerful, lightweight library that makes common tasks quicker and easier. Animate elements, manipulate the DOM, and query with easy CSS syntax, all without sacrificing performance.

define([
	'intern!object',
	'intern/chai!assert',
	'../../../io/iframe',
	'../../../_base/kernel',
	'../../../topic',
	'dojo/dom',
	'dojo/dom-construct',
	'dojo/domReady!'
], function (registerSuite, assert, iframe, kernel, topic, dom, domConstruct) {
	var sandbox;
	function form(method, test) {
		return {
			setup: function () {
				delete document.__dojoToDomId;
				sandbox = document.createElement('div');
				document.body.appendChild(sandbox);
				domConstruct.place('<form id="postTest" method="' + method + '" enctype="multipart/form-data"></form>', sandbox);
			},

			test: test,

			teardown: function () {
				document.body.removeChild(sandbox);
			}
		};
	}

	registerSuite({
		name: 'dojo/io/iframe',

		GET: {
			text: function () {
				var dfd = this.async(),
					fdfd = iframe.send({
						url: '/__services/request/iframe?type=text',
						method: 'GET',
						timeout: 5000,
						preventCache: true,
						handle: dfd.callback(function (response) {
							assert.strictEqual(response, 'iframe succeeded');
						})
					});

				fdfd.addErrback(dfd.reject);
			},

			'JSON with form': form('GET', function () {
				var dfd = this.async(),
					fdfd = iframe.send({
						url: '/__services/request/iframe',
						form: 'postTest',
						content: {
							type: 'json',
							color: 'blue',
							size: 42
						},
						timeout: 5000,
						preventCache: true,
						handleAs: 'json',
						handle: dfd.callback(function (response) {
							assert.strictEqual(response.query.color, 'blue');
							assert.strictEqual(response.query.size, '42');
						})
					});

				fdfd.addErrback(dfd.reject);
			}),

			'JSON': function () {
				var dfd = this.async(),
					fdfd = iframe.send({
						url: '/__services/request/iframe',
						content: {
							type: 'json',
							color: 'blue',
							size: 42
						},
						timeout: 5000,
						preventCache: true,
						handleAs: 'json',
						handle: dfd.callback(function (response) {
							assert.strictEqual(response.query.color, 'blue');
							assert.strictEqual(response.query.size, '42');
						})
					});

				fdfd.addErrback(dfd.reject);
			},

			'JSON without POST': function () {
				var dfd = this.async(),
					fdfd = iframe.send({
						url: '/__services/request/iframe',
						method: 'POST',
						content: {
							type: 'json',
							color: 'blue',
							size: 42
						},
						timeout: 5000,
						preventCache: true,
						handleAs: 'json',
						handle: dfd.callback(function (response) {
							assert.strictEqual(response.method, 'GET');
							assert.strictEqual(response.query.color, 'blue');
							assert.strictEqual(response.query.size, '42');
						})
					});

				fdfd.addErrback(dfd.reject);
			},

			'JavaScript': function () {
				var dfd = this.async(),
					fdfd = iframe.send({
						url: '/__services/request/iframe',
						content: {
							type: 'javascript'
						},
						timeout: 5000,
						preventCache: true,
						handleAs: 'javascript',
						handle: dfd.callback(function () {
							assert.strictEqual(window.iframeTestingFunction(), 42);
						})
					});

				fdfd.addErrback(dfd.reject);
			},

			'HTML': function () {
				var dfd = this.async(),
					fdfd = iframe.send({
						url: '/__services/request/iframe',
						content: {
							type: 'html'
						},
						timeout: 5000,
						preventCache: true,
						handleAs: 'html',
						handle: dfd.callback(function (response) {
							assert.strictEqual(response.getElementsByTagName('h1')[0].innerHTML, 'SUCCESSFUL HTML response');
						})
					});

				fdfd.addErrback(dfd.reject);
			},
			'XML': function () {
				var dfd = this.async(),
					fdfd = iframe.send({
						url: '/__services/request/iframe',
						content: {
							type: 'xml'
						},
						timeout: 5000,
						preventCache: true,
						handleAs: 'xml',
						handle: dfd.callback(function (response) {
							assert.strictEqual(response.documentElement.getElementsByTagName('child').length, 4);
						})
					});

				fdfd.addErrback(dfd.reject);
			},
			'content array': function () {
				var dfd = this.async(),
					fdfd = iframe.send({
						url: '/__services/request/iframe',
						content: {
							type: 'text',
							tag: [ 'value1', 'value2' ]
						},
						timeout: 5000,
						preventCache: true,
						handle: dfd.callback(function (response) {
							assert.notInstanceOf(response, Error);
						})
					});

				fdfd.addErrback(dfd.reject);
			}
		},

		POST: form('POST', function () {
			var dfd = this.async(),
				fdfd = iframe.send({
					url: '/__services/request/iframe?type=json',
					method: 'post',
					form: 'postTest',
					content: {
						color: 'blue',
						size: 42
					},
					timeout: 5000,
					preventCache: true,
					handleAs: 'json',
					handle: dfd.callback(function (response) {
						assert.strictEqual(response.method, 'POST');
						assert.strictEqual(response.payload.color, 'blue');
						assert.strictEqual(response.payload.size, '42');
					})
				});

			fdfd.addErrback(dfd.reject);
		}),

		'ioPublish': {
			before: function () {
				kernel.config.ioPublish = true;

				this._testTopicCount = 0;
				var self = this;
				function increment() {
						self._testTopicCount++;
				}
				var handles = [
					topic.subscribe('/dojo/io/load', increment)
				];

				this._remover = function () {
					for (var i = 0; i < handles.length; i++) {
						handles[i].remove();
					}
				};
			},

			test: function () {
				var dfd = this.async();
				var self = this;

				topic.subscribe('/dojo/io/done', dfd.callback(function () {
					assert.strictEqual(self.parent._testTopicCount, 1);
				}));

				iframe.send({
					url: '/__services/request/iframe',
					timeout: 5000,
					preventCache: true
				});
			},

			after: function () {
				this._remover();
				kernel.config.ioPublish = false;
			}
		}
	});
});