mirror of
https://github.com/ckaczor/azuredatastudio.git
synced 2026-02-16 10:58:30 -05:00
Bootstrap Service Abstract injection (#1534)
* change to generic injection * formatting * fixed missed merge * change to keep a record of the services per selector * formatting * adding back in tests * apply back tests * remove fundamentally broken test
This commit is contained in:
@@ -4,124 +4,101 @@
|
||||
*--------------------------------------------------------------------------------------------*/
|
||||
|
||||
import * as assert from 'assert';
|
||||
import { Mock, It, Times } from 'typemoq';
|
||||
import { Mock, It, Times, GlobalMock } from 'typemoq';
|
||||
import { Dialog, DialogTab } from 'sql/platform/dialog/dialogTypes';
|
||||
import { DialogPane } from 'sql/platform/dialog/dialogPane';
|
||||
import { DialogComponentParams } from 'sql/platform/dialog/dialogContainer.component';
|
||||
import { IInstantiationService } from 'vs/platform/instantiation/common/instantiation';
|
||||
import { bootstrapAngular } from 'sql/services/bootstrap/bootstrapService';
|
||||
|
||||
'use strict';
|
||||
|
||||
interface BootstrapAngular {
|
||||
(collection, moduleType, container, selectorString, params: DialogComponentParams, input, callbackSetModule): void;
|
||||
}
|
||||
|
||||
suite('Dialog Pane Tests', () => {
|
||||
let dialog: Dialog;
|
||||
let mockInstantiationService: Mock<IInstantiationService>;
|
||||
let container: HTMLElement;
|
||||
|
||||
let bootstrapSave: BootstrapAngular;
|
||||
|
||||
function setupBootstrap(fn: BootstrapAngular): void {
|
||||
(<any>bootstrapAngular) = fn;
|
||||
}
|
||||
|
||||
setup(() => {
|
||||
dialog = new Dialog('test_dialog');
|
||||
mockInstantiationService = Mock.ofInstance({
|
||||
invokeFunction: () => undefined
|
||||
} as any);
|
||||
mockInstantiationService.setup(x => x.invokeFunction(It.isAny(), It.isAny(), It.isAny(), It.isAny(), It.isAny(), undefined, It.isAny()));
|
||||
container = document.createElement('div');
|
||||
bootstrapSave = bootstrapAngular;
|
||||
});
|
||||
|
||||
test('Creating a pane from content without tabs initializes the model view content correctly', () => {
|
||||
// If I fill in a dialog's content with the ID of a specific model view provider and then render the dialog
|
||||
let modelViewId = 'test_content';
|
||||
let bootstrapCalls = 0;
|
||||
setupBootstrap((collection, moduleType, container, selectorString, params: DialogComponentParams, input, callbackSetModule) => {
|
||||
assert.equal(params.modelViewId, modelViewId);
|
||||
bootstrapCalls++;
|
||||
});
|
||||
dialog.content = modelViewId;
|
||||
let dialogPane = new DialogPane(dialog.title, dialog.content, () => undefined, mockInstantiationService.object);
|
||||
let dialogPane = new DialogPane(dialog.title, dialog.content, () => undefined, undefined);
|
||||
dialogPane.createBody(container);
|
||||
|
||||
// Then a single dialog-modelview-container element is added directly to the dialog pane
|
||||
mockInstantiationService.verify(x => x.invokeFunction(
|
||||
It.isAny(),
|
||||
It.isAny(),
|
||||
It.isAny(),
|
||||
It.isAny(),
|
||||
It.is((x: DialogComponentParams) => x.modelViewId === modelViewId),
|
||||
undefined,
|
||||
It.isAny()), Times.once());
|
||||
assert.equal(bootstrapCalls, 1);
|
||||
});
|
||||
|
||||
test('Creating a pane from content with a single tab initializes without showing tabs', () => {
|
||||
// If I fill in a dialog's content with a single tab and then render the dialog
|
||||
let modelViewId = 'test_content';
|
||||
let bootstrapCalls = 0;
|
||||
setupBootstrap((collection, moduleType, container, selectorString, params: DialogComponentParams, input, callbackSetModule) => {
|
||||
assert.equal(params.modelViewId, modelViewId);
|
||||
bootstrapCalls++;
|
||||
});
|
||||
dialog.content = [new DialogTab('', modelViewId)];
|
||||
let dialogPane = new DialogPane(dialog.title, dialog.content, () => undefined, mockInstantiationService.object);
|
||||
let dialogPane = new DialogPane(dialog.title, dialog.content, () => undefined, undefined);
|
||||
dialogPane.createBody(container);
|
||||
|
||||
// Then a single dialog-modelview-container element is added directly to the dialog pane
|
||||
mockInstantiationService.verify(x => x.invokeFunction(
|
||||
It.isAny(),
|
||||
It.isAny(),
|
||||
It.isAny(),
|
||||
It.isAny(),
|
||||
It.is((x: DialogComponentParams) => x.modelViewId === modelViewId),
|
||||
undefined,
|
||||
It.isAny()), Times.once());
|
||||
});
|
||||
|
||||
test('Creating a pane from content with multiple tabs initializes multiple model view tabs', () => {
|
||||
// If I fill in a dialog's content with a single tab and then render the dialog
|
||||
let modelViewId1 = 'test_content_1';
|
||||
let modelViewId2 = 'test_content_2';
|
||||
dialog.content = [new DialogTab('tab1', modelViewId1), new DialogTab('tab2', modelViewId2)];
|
||||
let dialogPane = new DialogPane(dialog.title, dialog.content, () => undefined, mockInstantiationService.object);
|
||||
dialogPane.createBody(container);
|
||||
|
||||
// Then a dialog-modelview-container element is added for the first tab (subsequent ones get added when the tab is actually clicked)
|
||||
mockInstantiationService.verify(x => x.invokeFunction(
|
||||
It.isAny(),
|
||||
It.isAny(),
|
||||
It.isAny(),
|
||||
It.isAny(),
|
||||
It.is((x: DialogComponentParams) => x.modelViewId === modelViewId1),
|
||||
undefined,
|
||||
It.isAny()), Times.once());
|
||||
assert.equal(bootstrapCalls, 1);
|
||||
});
|
||||
|
||||
test('Dialog validation gets set based on the validity of the model view content', () => {
|
||||
// Set up the mock bootstrap service to intercept validation callbacks
|
||||
let validationCallbacks: ((valid: boolean) => void)[] = [];
|
||||
mockInstantiationService.reset();
|
||||
mockInstantiationService.setup(x => x.invokeFunction(It.isAny(), It.isAny(), It.isAny(), It.isAny(), It.isAny(), undefined, It.isAny())).callback(
|
||||
(collection, moduleType, container, selectorString, params: DialogComponentParams, input, callbackSetModule) => {
|
||||
validationCallbacks.push(params.validityChangedCallback);
|
||||
});
|
||||
|
||||
setupBootstrap((collection, moduleType, container, selectorString, params: DialogComponentParams, input, callbackSetModule) => {
|
||||
validationCallbacks.push(params.validityChangedCallback);
|
||||
});
|
||||
|
||||
let modelViewId1 = 'test_content_1';
|
||||
let modelViewId2 = 'test_content_2';
|
||||
dialog.content = [new DialogTab('tab1', modelViewId1), new DialogTab('tab2', modelViewId2)];
|
||||
let dialogPane = new DialogPane(dialog.title, dialog.content, valid => dialog.notifyValidityChanged(valid), mockInstantiationService.object);
|
||||
let dialogPane = new DialogPane(dialog.title, dialog.content, valid => dialog.notifyValidityChanged(valid), undefined);
|
||||
dialogPane.createBody(container);
|
||||
|
||||
let validityChanges: boolean[] = [];
|
||||
dialog.onValidityChanged(valid => validityChanges.push(valid));
|
||||
|
||||
dialog.onValidityChanged(valid => validityChanges.push(valid));
|
||||
// If I set tab 2's validation to false
|
||||
validationCallbacks[1](false);
|
||||
|
||||
// Then the whole dialog's validation is false
|
||||
assert.equal(dialog.valid, false);
|
||||
assert.equal(validityChanges.length, 1);
|
||||
assert.equal(validityChanges[0], false);
|
||||
|
||||
// If I then set it back to true
|
||||
validationCallbacks[1](true);
|
||||
|
||||
// Then the whole dialog's validation is true
|
||||
assert.equal(dialog.valid, true);
|
||||
assert.equal(validityChanges.length, 2);
|
||||
assert.equal(validityChanges[1], true);
|
||||
|
||||
// If I set tab 1's validation to false
|
||||
validationCallbacks[0](false);
|
||||
|
||||
// Then the whole dialog's validation is false
|
||||
assert.equal(dialog.valid, false);
|
||||
assert.equal(validityChanges.length, 3);
|
||||
assert.equal(validityChanges[2], false);
|
||||
|
||||
});
|
||||
});
|
||||
|
||||
teardown(() => {
|
||||
(<any>bootstrapAngular) = bootstrapSave;
|
||||
});
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user