define([
|
'intern!tdd',
|
'intern/chai!assert',
|
'dgrid/Grid',
|
'dgrid/OnDemandGrid',
|
'dgrid/_StoreMixin',
|
'dgrid/Tree',
|
'dojo/_base/declare',
|
'dojo/_base/lang',
|
'dojo/_base/array',
|
'dojo/Deferred',
|
'dojo/on',
|
'dstore/Memory',
|
'dstore/Tree',
|
'dstore/QueryResults',
|
'dojo/query',
|
'../addCss!'
|
], function (test, assert, Grid, OnDemandGrid, _StoreMixin, Tree, declare, lang, arrayUtil, Deferred, on,
|
Memory, TreeStore, QueryResults, query) {
|
|
test.suite('tree (expand + promise)', function () {
|
var grid,
|
SyncTreeStore = declare([ Memory, TreeStore ], {
|
mayHaveChildren: function () {
|
return true;
|
}
|
}),
|
AsyncTreeStore = declare(SyncTreeStore, {
|
// TreeStore with an asynchronous fetch method.
|
fetch: function () {
|
return asyncFetch.call(this);
|
},
|
fetchRange: function (kwArgs) {
|
return asyncFetch.call(this, kwArgs);
|
},
|
resolve: function () {
|
// Allows the test to control when the store query is resolved.
|
this.dfd.resolve(this.results);
|
},
|
reject: function (error) {
|
// Allows the test to control when the store query is rejected.
|
this.dfd.reject(error);
|
}
|
}),
|
StoreMixinGrid = declare([Grid, _StoreMixin, Tree]),
|
syncStore = new SyncTreeStore({ data: createData() }),
|
asyncStore = new AsyncTreeStore({ data: createData() });
|
|
function asyncFetch(kwArgs) {
|
// Setting dfd on the prototype because collection chaining means we can't set it on an instance.
|
// It isn't great, but in practice, it is not much different than before.
|
var dfd = AsyncTreeStore.prototype.dfd = new Deferred();
|
var results = AsyncTreeStore.prototype.results = kwArgs ?
|
this.fetchSync().slice(kwArgs.start, kwArgs.end) : this.fetchSync();
|
results.totalLength = dfd.then(function () {
|
return results.length;
|
});
|
return new QueryResults(dfd.promise);
|
}
|
|
function createData() {
|
return [
|
{ id: 1, node: 'Node 1', value: 'Value 1', parent: null },
|
{ id: 2, node: 'Node 2', value: 'Value 2', parent: 1 },
|
{ id: 3, node: 'Node 3', value: 'Value 3', parent: 2 },
|
{ id: 4, node: 'Node 4', value: 'Value 4', parent: 2 },
|
{ id: 5, node: 'Node 5', value: 'Value 5', parent: null }
|
];
|
}
|
|
function createGrid(store) {
|
grid = new (declare([ OnDemandGrid, Tree ]))({
|
columns: [
|
{renderExpando: true, field: 'node', label: 'Node'},
|
{field: 'value', label: 'Value'}
|
],
|
enableTreeTransitions: false
|
});
|
document.body.appendChild(grid.domNode);
|
grid.startup();
|
grid.set('collection', store.getRootCollection());
|
}
|
|
function createNoRenderQueryGrid(store) {
|
grid = new StoreMixinGrid({
|
collection: store.getRootCollection(),
|
columns: [
|
{renderExpando: true, field: 'node', label: 'Node'},
|
{field: 'value', label: 'Value'}
|
],
|
enableTreeTransitions: false
|
});
|
document.body.appendChild(grid.domNode);
|
grid.startup();
|
grid.renderQueryResults(grid.collection.fetch());
|
}
|
|
function destroyGrid() {
|
if (grid) {
|
grid.destroy();
|
grid = null;
|
}
|
}
|
|
function createOnPromise(target, event) {
|
// Creates a promise based on an on.once call.
|
// Resolves to the event passed to the handler function.
|
var dfd = new Deferred(function () {
|
handle.remove();
|
}),
|
handle = on.once(target, event, function (event) {
|
dfd.resolve(event);
|
});
|
|
return dfd.promise;
|
}
|
|
function delayedResolve() {
|
setTimeout(function () {
|
grid.collection.resolve();
|
}, 10);
|
}
|
|
test.suite('tree + sync store', function () {
|
test.beforeEach(function () {
|
createGrid(syncStore);
|
});
|
test.afterEach(destroyGrid);
|
|
// Tests
|
test.test('expand + no callback', function () {
|
assert.strictEqual(2, query('.dgrid-row', grid.domNode).length, 'Grid should have 2 rows');
|
grid.expand(1);
|
assert.strictEqual(3, query('.dgrid-row', grid.domNode).length, 'Grid should have 3 rows');
|
});
|
|
test.test('expand + callback', function () {
|
assert.strictEqual(2, query('.dgrid-row', grid.domNode).length, 'Grid should have 2 rows');
|
return grid.expand(1).then(function () {
|
assert.strictEqual(3, query('.dgrid-row', grid.domNode).length, 'Grid should have 3 rows');
|
});
|
});
|
|
test.test('expand + multiple callback', function () {
|
assert.strictEqual(2, query('.dgrid-row', grid.domNode).length, 'Grid should have 2 rows');
|
return grid.expand(1).then(function () {
|
assert.strictEqual(3, query('.dgrid-row', grid.domNode).length, 'Grid should have 3 rows');
|
return grid.expand(2);
|
}).then(function () {
|
assert.strictEqual(5, query('.dgrid-row', grid.domNode).length, 'Grid should have 5 rows');
|
return grid.expand(4);
|
}).then(function () {
|
assert.strictEqual(5, query('.dgrid-row', grid.domNode).length, 'Grid should have 5 rows');
|
});
|
});
|
|
test.test('duplicate expand + callback', function () {
|
assert.strictEqual(2, query('.dgrid-row', grid.domNode).length, 'Grid should have 2 rows');
|
return grid.expand(1).then(function () {
|
assert.strictEqual(3, query('.dgrid-row', grid.domNode).length, 'Grid should have 3 rows');
|
return grid.expand(1);
|
}).then(function () {
|
assert.strictEqual(3, query('.dgrid-row', grid.domNode).length,
|
'Grid should have 3 rows (no query)');
|
});
|
});
|
});
|
|
test.suite('tree + async store', function () {
|
test.beforeEach(function () {
|
createGrid(asyncStore);
|
});
|
test.afterEach(destroyGrid);
|
|
test.test('expand + callback', function () {
|
var promise = createOnPromise(grid, 'dgrid-refresh-complete').then(function () {
|
// Start testing when the grid is ready.
|
assert.strictEqual(2, query('.dgrid-row', grid.domNode).length,
|
'Grid should have 2 rows');
|
var promise = grid.expand(1);
|
|
// Verify that the result is the same before the query resolves.
|
assert.strictEqual(2, query('.dgrid-row', grid.domNode).length,
|
'Grid should still have 2 rows before expand resolves');
|
delayedResolve();
|
return promise;
|
}).then(function () {
|
assert.strictEqual(3, query('.dgrid-row', grid.domNode).length,
|
'Grid should have 3 rows');
|
});
|
|
assert.strictEqual(0, query('.dgrid-row', grid.domNode).length,
|
'Grid should have 0 rows before first async query resolves');
|
// Resolve the grid's initial store query.
|
delayedResolve();
|
return promise;
|
});
|
|
test.test('expand + multiple callback', function () {
|
var promise = createOnPromise(grid, 'dgrid-refresh-complete').then(function () {
|
// Start testing when the grid is ready.
|
assert.strictEqual(2, query('.dgrid-row', grid.domNode).length,
|
'Grid should have 2 rows');
|
var promise = grid.expand(1);
|
|
// Verify that the result is the same before the query resolves.
|
assert.strictEqual(2, query('.dgrid-row', grid.domNode).length,
|
'Grid should still have 2 rows before expand resolves');
|
delayedResolve();
|
return promise;
|
}).then(function () {
|
assert.strictEqual(3, query('.dgrid-row', grid.domNode).length,
|
'Grid should have 3 rows');
|
var promise = grid.expand(2);
|
|
// Verify that the result is the same before the query resolves.
|
assert.strictEqual(3, query('.dgrid-row', grid.domNode).length,
|
'Grid should still have 3 rows before expand resolves');
|
delayedResolve();
|
return promise;
|
}).then(function () {
|
assert.strictEqual(5, query('.dgrid-row', grid.domNode).length,
|
'Grid should have 5 rows');
|
var promise = grid.expand(4);
|
delayedResolve();
|
return promise;
|
}).then(function () {
|
assert.strictEqual(5, query('.dgrid-row', grid.domNode).length,
|
'Grid should still have 5 rows after expanding item with no children');
|
});
|
|
assert.strictEqual(0, query('.dgrid-row', grid.domNode).length,
|
'Grid should have 0 rows before first async query resolves');
|
// Resolve the grid's initial store query.
|
delayedResolve();
|
return promise;
|
});
|
|
test.test('duplicate expand + callback', function () {
|
var promise = createOnPromise(grid, 'dgrid-refresh-complete').then(function () {
|
// Start testing when the grid is ready.
|
assert.strictEqual(2, query('.dgrid-row', grid.domNode).length,
|
'Grid should have 2 rows');
|
var promise = grid.expand(1);
|
delayedResolve();
|
return promise;
|
}).then(function () {
|
assert.strictEqual(3, query('.dgrid-row', grid.domNode).length,
|
'Grid should have 3 rows');
|
return grid.expand(1);
|
}).then(function () {
|
assert.strictEqual(3, query('.dgrid-row', grid.domNode).length,
|
'Grid should still have 3 rows (no query)');
|
});
|
|
assert.strictEqual(0, query('.dgrid-row', grid.domNode).length,
|
'Grid should have 0 rows before first async query resolves');
|
// Resolve the grid's initial store query.
|
delayedResolve();
|
return promise;
|
});
|
|
test.test('expand + callback, rejecting', function () {
|
var errorCount = 0;
|
|
grid.on('dgrid-error', function (event) {
|
event.preventDefault(); // Suppress log message
|
errorCount++;
|
});
|
|
var promise = createOnPromise(grid, 'dgrid-refresh-complete').then(function () {
|
// Start testing when the grid is ready.
|
assert.strictEqual(2, query('.dgrid-row', grid.domNode).length,
|
'Grid should have 2 rows');
|
var promise = grid.expand(1);
|
|
// Verify that the result is the same before the query resolves.
|
assert.strictEqual(2, query('.dgrid-row', grid.domNode).length,
|
'Grid should still have 2 rows before expand resolves');
|
setTimeout(function () {
|
grid.collection.reject('Rejected');
|
}, 10);
|
return promise;
|
}).then(function () {
|
throw new Error('Promise should have been rejected');
|
}, function () {
|
assert.strictEqual(2, query('.dgrid-row', grid.domNode).length,
|
'Grid should still have 2 rows after rejected promise');
|
assert.strictEqual(1, errorCount,
|
'The grid should have emitted a single error event');
|
});
|
|
assert.strictEqual(0, query('.dgrid-row', grid.domNode).length,
|
'Grid should have 0 rows before first async query resolves');
|
// Resolve the grid's initial store query.
|
delayedResolve();
|
return promise;
|
});
|
});
|
|
test.suite('tree + no renderQuery + sync store', function () {
|
test.beforeEach(function () {
|
createNoRenderQueryGrid(syncStore);
|
});
|
test.afterEach(destroyGrid);
|
|
test.test('expand + callback', function () {
|
assert.strictEqual(2, query('.dgrid-row', grid.domNode).length, 'Grid should have 2 rows');
|
grid.expand(1);
|
assert.strictEqual(3, query('.dgrid-row', grid.domNode).length, 'Grid should have 3 rows');
|
});
|
|
test.test('expand + callback', function () {
|
assert.strictEqual(2, query('.dgrid-row', grid.domNode).length, 'Grid should have 2 rows');
|
return grid.expand(1).then(function () {
|
assert.strictEqual(3, query('.dgrid-row', grid.domNode).length, 'Grid should have 3 rows');
|
});
|
});
|
|
test.test('expand + multiple callback', function () {
|
assert.strictEqual(2, query('.dgrid-row', grid.domNode).length, 'Grid should have 2 rows');
|
return grid.expand(1).then(function () {
|
assert.strictEqual(3, query('.dgrid-row', grid.domNode).length, 'Grid should have 3 rows');
|
return grid.expand(2);
|
}).then(function () {
|
assert.strictEqual(5, query('.dgrid-row', grid.domNode).length, 'Grid should have 5 rows');
|
return grid.expand(4);
|
}).then(function () {
|
assert.strictEqual(5, query('.dgrid-row', grid.domNode).length, 'Grid should have 5 rows');
|
});
|
});
|
|
test.test('duplicate expand + callback', function () {
|
assert.strictEqual(2, query('.dgrid-row', grid.domNode).length, 'Grid should have 2 rows');
|
return grid.expand(1).then(function () {
|
assert.strictEqual(3, query('.dgrid-row', grid.domNode).length, 'Grid should have 3 rows');
|
return grid.expand(1);
|
}).then(function () {
|
assert.strictEqual(3, query('.dgrid-row', grid.domNode).length,
|
'Grid should have 3 rows (no query)');
|
});
|
});
|
});
|
|
test.suite('tree + no renderQuery + async store', function () {
|
test.beforeEach(function () {
|
createNoRenderQueryGrid(asyncStore);
|
});
|
|
test.afterEach(destroyGrid);
|
|
test.test('expand + callback', function () {
|
var promise = grid.collection.dfd.then(function () {
|
// Start testing when the initial query is done is ready.
|
assert.strictEqual(2, query('.dgrid-row', grid.domNode).length,
|
'Grid should have 2 rows');
|
var promise = grid.expand(1);
|
|
// Verify that the result is the same before the query resolves.
|
assert.strictEqual(2, query('.dgrid-row', grid.domNode).length,
|
'Grid should still have 2 rows before expand resolves');
|
delayedResolve();
|
return promise;
|
}).then(function () {
|
assert.strictEqual(3, query('.dgrid-row', grid.domNode).length,
|
'Grid should have 3 rows');
|
});
|
|
assert.strictEqual(0, query('.dgrid-row', grid.domNode).length,
|
'Grid should have 0 rows before first async query resolves');
|
// Resolve the grid's initial store query.
|
delayedResolve();
|
return promise;
|
});
|
|
test.test('expand + multiple callback', function () {
|
var promise = grid.collection.dfd.then(function () {
|
// Start testing when the initial query is done is ready.
|
assert.strictEqual(2, query('.dgrid-row', grid.domNode).length,
|
'Grid should have 2 rows');
|
var promise = grid.expand(1);
|
|
// Verify that the result is the same before the query resolves.
|
assert.strictEqual(2, query('.dgrid-row', grid.domNode).length,
|
'Grid should still have 2 rows before expand resolves');
|
delayedResolve();
|
return promise;
|
}).then(function () {
|
assert.strictEqual(3, query('.dgrid-row', grid.domNode).length,
|
'Grid should have 3 rows');
|
var promise = grid.expand(2);
|
|
// Verify that the result is the same before the query resolves.
|
assert.strictEqual(3, query('.dgrid-row', grid.domNode).length,
|
'Grid should still have 3 rows before expand resolves');
|
delayedResolve();
|
return promise;
|
}).then(function () {
|
assert.strictEqual(5, query('.dgrid-row', grid.domNode).length,
|
'Grid should have 5 rows');
|
var promise = grid.expand(4);
|
delayedResolve();
|
return promise;
|
}).then(function () {
|
assert.strictEqual(5, query('.dgrid-row', grid.domNode).length,
|
'Grid should still have 5 rows after expanding item with no children');
|
});
|
|
assert.strictEqual(0, query('.dgrid-row', grid.domNode).length,
|
'Grid should have 0 rows before first async query resolves');
|
// Resolve the grid's initial store query.
|
delayedResolve();
|
return promise;
|
});
|
|
test.test('duplicate expand + callback', function () {
|
var promise = grid.collection.dfd.then(function () {
|
// Start testing when the initial query is done is ready.
|
assert.strictEqual(2, query('.dgrid-row', grid.domNode).length,
|
'Grid should have 2 rows');
|
var promise = grid.expand(1);
|
delayedResolve();
|
return promise;
|
}).then(function () {
|
assert.strictEqual(3, query('.dgrid-row', grid.domNode).length,
|
'Grid should have 3 rows');
|
return grid.expand(1);
|
}).then(function () {
|
assert.strictEqual(3, query('.dgrid-row', grid.domNode).length,
|
'Grid should still have 3 rows (no query)');
|
});
|
|
assert.strictEqual(0, query('.dgrid-row', grid.domNode).length,
|
'Grid should have 0 rows before first async query resolves');
|
// Resolve the grid's initial store query.
|
delayedResolve();
|
return promise;
|
});
|
|
test.test('expand + callback, rejecting', function () {
|
var promise = grid.collection.dfd.then(function () {
|
// Start testing when the initial query is done is ready.
|
assert.strictEqual(2, query('.dgrid-row', grid.domNode).length,
|
'Grid should have 2 rows');
|
var promise = grid.expand(1);
|
|
// Verify that the result is the same before the query resolves.
|
assert.strictEqual(2, query('.dgrid-row', grid.domNode).length,
|
'Grid should still have 2 rows before expand resolves');
|
setTimeout(function () {
|
grid.collection.reject('Rejected');
|
}, 10);
|
return promise;
|
}).then(function () {
|
throw new Error('Promise should have been rejected');
|
}, function () {
|
assert.strictEqual(2, query('.dgrid-row', grid.domNode).length,
|
'Grid should still have 2 rows after rejected promise');
|
});
|
|
assert.strictEqual(0, query('.dgrid-row', grid.domNode).length,
|
'Grid should have 0 rows before first async query resolves');
|
// Resolve the grid's initial store query.
|
delayedResolve();
|
return promise;
|
});
|
});
|
});
|
});
|
