mirror of
https://github.com/pgadmin-org/pgadmin4.git
synced 2025-02-25 18:55:31 -06:00
Port search object dialog to React. Fixes #7622
This commit is contained in:
Akshay Joshi
@@ -12,7 +12,7 @@ import React from 'react';
|
||||
import '../helper/enzyme.helper';
|
||||
import { createMount } from '@material-ui/core/test-utils';
|
||||
import Theme from '../../../pgadmin/static/js/Theme';
|
||||
import { CustomRow, FileNameEditor, GridContextUtils } from '../../../pgadmin/misc/file_manager/static/js/components/ListView';
|
||||
import { FileNameEditor } from '../../../pgadmin/misc/file_manager/static/js/components/ListView';
|
||||
|
||||
describe('ListView', ()=>{
|
||||
let mount;
|
||||
@@ -75,36 +75,4 @@ describe('ListView', ()=>{
|
||||
}, 0);
|
||||
});
|
||||
});
|
||||
|
||||
describe('CustomRow', ()=>{
|
||||
let row = {'Filename': 'test.sql', 'Size': '1KB'},
|
||||
ctrlMount = (onItemSelect, onItemEnter)=>{
|
||||
return mount(<Theme>
|
||||
<GridContextUtils.Provider value={{onItemSelect, onItemEnter}}>
|
||||
<CustomRow
|
||||
row={row}
|
||||
selectedCellIdx={0}
|
||||
rowIdx={0}
|
||||
inTest={true}
|
||||
/>
|
||||
</GridContextUtils.Provider>
|
||||
</Theme>);
|
||||
};
|
||||
|
||||
it('init', (done)=>{
|
||||
let onItemSelect = jasmine.createSpy('onItemSelect');
|
||||
let onItemEnter = jasmine.createSpy('onItemEnter');
|
||||
let ctrl = ctrlMount(onItemSelect, onItemEnter);
|
||||
setTimeout(()=>{
|
||||
ctrl.update();
|
||||
ctrl.find('div[data-test="test-div"]').simulate('keydown', { code: 'Enter'});
|
||||
setTimeout(()=>{
|
||||
ctrl.update();
|
||||
expect(onItemEnter).toHaveBeenCalled();
|
||||
ctrl?.unmount();
|
||||
done();
|
||||
}, 0);
|
||||
}, 0);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
186
web/regression/javascript/search_objects/SearchObject.spec.js
Normal file
186
web/regression/javascript/search_objects/SearchObject.spec.js
Normal file
@@ -0,0 +1,186 @@
|
||||
/////////////////////////////////////////////////////////////
|
||||
//
|
||||
// pgAdmin 4 - PostgreSQL Tools
|
||||
//
|
||||
// Copyright (C) 2013 - 2022, The pgAdmin Development Team
|
||||
// This software is released under the PostgreSQL Licence
|
||||
//
|
||||
//////////////////////////////////////////////////////////////
|
||||
|
||||
import {TreeFake} from '../tree/tree_fake';
|
||||
import jasmineEnzyme from 'jasmine-enzyme';
|
||||
import React from 'react';
|
||||
import '../helper/enzyme.helper';
|
||||
import { createMount } from '@material-ui/core/test-utils';
|
||||
import Theme from '../../../pgadmin/static/js/Theme';
|
||||
import MockAdapter from 'axios-mock-adapter';
|
||||
import axios from 'axios/index';
|
||||
import pgAdmin from 'sources/pgadmin';
|
||||
import SearchObjects from '../../../pgadmin/tools/search_objects/static/js/SearchObjects';
|
||||
import { TreeNode } from '../../../pgadmin/static/js/tree/tree_nodes';
|
||||
|
||||
const nodeData = {server: {'_id' : 10}, database: {'_id': 123}};
|
||||
|
||||
describe('SearchObjects', ()=>{
|
||||
let mount, networkMock;
|
||||
|
||||
/* Use createMount so that material ui components gets the required context */
|
||||
/* https://material-ui.com/guides/testing/#api */
|
||||
beforeAll(()=>{
|
||||
mount = createMount();
|
||||
networkMock = new MockAdapter(axios);
|
||||
networkMock.onGet('/search_objects/types/10/123').reply(200, {data: [{cast: 'Casts', function: 'Functions'}]});
|
||||
networkMock.onGet('/search_objects/search/10/123').reply(200, {data: [
|
||||
{
|
||||
'name': 'plpgsql',
|
||||
'type': 'extension',
|
||||
'type_label': 'Extensions',
|
||||
'path': ':extension.13315:/plpgsql',
|
||||
'show_node': true,
|
||||
'other_info': null,
|
||||
'catalog_level': 'N'
|
||||
},
|
||||
{
|
||||
'name': 'plpgsql_call_handler',
|
||||
'type': 'function',
|
||||
'type_label': 'Functions',
|
||||
'path': ':schema.11:/PostgreSQL Catalog (pg_catalog)/:function.13316:/plpgsql_call_handler',
|
||||
'show_node': true,
|
||||
'other_info': '',
|
||||
'catalog_level': 'D'
|
||||
},
|
||||
{
|
||||
'name': 'plpgsql_inline_handler',
|
||||
'type': 'function',
|
||||
'type_label': 'Functions',
|
||||
'path': ':schema.11:/PostgreSQL Catalog (pg_catalog)/:function.13317:/plpgsql_inline_handler',
|
||||
'show_node': true,
|
||||
'other_info': 'internal',
|
||||
'catalog_level': 'D'
|
||||
},
|
||||
{
|
||||
'name': 'plpgsql_validator',
|
||||
'type': 'function',
|
||||
'type_label': 'Functions',
|
||||
'path': ':schema.11:/PostgreSQL Catalog (pg_catalog)/:function.13318:/plpgsql_validator',
|
||||
'show_node': true,
|
||||
'other_info': 'oid',
|
||||
'catalog_level': 'D'
|
||||
},
|
||||
{
|
||||
'name': 'plpgsql',
|
||||
'type': 'language',
|
||||
'type_label': 'Languages',
|
||||
'path': ':language.13319:/plpgsql',
|
||||
'show_node': true,
|
||||
'other_info': null,
|
||||
'catalog_level': 'N'
|
||||
}
|
||||
]});
|
||||
});
|
||||
|
||||
afterAll(() => {
|
||||
mount.cleanUp();
|
||||
networkMock.restore();
|
||||
});
|
||||
|
||||
beforeEach(()=>{
|
||||
jasmineEnzyme();
|
||||
pgAdmin.Browser = pgAdmin.Browser || {};
|
||||
pgAdmin.Browser.Nodes = {
|
||||
server: {
|
||||
hasId: true,
|
||||
getTreeNodeHierarchy: jasmine.createSpy('getTreeNodeHierarchy'),
|
||||
},
|
||||
database: {
|
||||
hasId: true,
|
||||
getTreeNodeHierarchy: jasmine.createSpy('getTreeNodeHierarchy'),
|
||||
},
|
||||
'coll-sometype': {
|
||||
type: 'coll-sometype',
|
||||
hasId: false,
|
||||
label: 'Some types coll',
|
||||
},
|
||||
sometype: {
|
||||
type: 'sometype',
|
||||
hasId: true,
|
||||
},
|
||||
someothertype: {
|
||||
type: 'someothertype',
|
||||
hasId: true,
|
||||
collection_type: 'coll-sometype',
|
||||
},
|
||||
'coll-edbfunc': {
|
||||
type: 'coll-edbfunc',
|
||||
hasId: true,
|
||||
label: 'Functions',
|
||||
},
|
||||
'coll-edbproc': {
|
||||
type: 'coll-edbfunc',
|
||||
hasId: true,
|
||||
label: 'Procedures',
|
||||
},
|
||||
'coll-edbvar': {
|
||||
type: 'coll-edbfunc',
|
||||
hasId: true,
|
||||
label: 'Variables',
|
||||
},
|
||||
};
|
||||
pgAdmin.Browser.tree = new TreeFake(pgAdmin.Browser);
|
||||
|
||||
let serverTreeNode = pgAdmin.Browser.tree.addNewNode('level2.1', {
|
||||
_type: 'server',
|
||||
_id: 10,
|
||||
label: 'some-tree-label',
|
||||
}, [{id: 'level2.1'}]),
|
||||
databaseTreeNode = new TreeNode('database-tree-node', {
|
||||
_type: 'database',
|
||||
_id: 123,
|
||||
_label: 'some-database-label',
|
||||
}, [{id: 'database-tree-node'}]);
|
||||
|
||||
pgAdmin.Browser.tree.addChild(serverTreeNode, databaseTreeNode);
|
||||
});
|
||||
|
||||
describe('SearchObjects', ()=>{
|
||||
let ctrlMount = ()=>{
|
||||
return mount(<Theme>
|
||||
<SearchObjects nodeData={nodeData}/>
|
||||
</Theme>);
|
||||
};
|
||||
|
||||
it('search', (done)=>{
|
||||
let ctrl = ctrlMount({});
|
||||
setTimeout(()=>{
|
||||
ctrl.update();
|
||||
ctrl.find('InputText').find('input').simulate('change', {
|
||||
target: {value: 'plp'},
|
||||
});
|
||||
ctrl.update();
|
||||
setTimeout(()=>{
|
||||
ctrl.find('button[data-test="search"]').simulate('click');
|
||||
expect(ctrl.find('PgReactDataGrid').length).toBe(1);
|
||||
done();
|
||||
}, 0);
|
||||
}, 0);
|
||||
});
|
||||
|
||||
it('search_on_enter', (done)=>{
|
||||
let ctrl = ctrlMount({});
|
||||
setTimeout(()=>{
|
||||
ctrl.update();
|
||||
ctrl.find('InputText').find('input').simulate('change', {
|
||||
target: {value: 'plp'},
|
||||
});
|
||||
ctrl.update();
|
||||
setTimeout(()=>{
|
||||
ctrl.find('InputText').find('input').simulate('keypress', {
|
||||
key: 'Enter'
|
||||
});
|
||||
expect(ctrl.find('PgReactDataGrid').length).toBe(1);
|
||||
done();
|
||||
}, 0);
|
||||
}, 0);
|
||||
});
|
||||
});
|
||||
});
|
||||
@@ -1,175 +0,0 @@
|
||||
/////////////////////////////////////////////////////////////
|
||||
//
|
||||
// pgAdmin 4 - PostgreSQL Tools
|
||||
//
|
||||
// Copyright (C) 2013 - 2022, The pgAdmin Development Team
|
||||
// This software is released under the PostgreSQL Licence
|
||||
//
|
||||
//////////////////////////////////////////////////////////////
|
||||
import SearchObjectsDialog from 'tools/search_objects/static/js/search_objects_dialog';
|
||||
import {TreeFake} from '../tree/tree_fake';
|
||||
import MockAdapter from 'axios-mock-adapter';
|
||||
import axios from 'axios/index';
|
||||
import gettext from 'sources/gettext';
|
||||
import Notify from '../../../pgadmin/static/js/helpers/Notifier';
|
||||
|
||||
const context = describe;
|
||||
|
||||
var dummy_cache = [
|
||||
{
|
||||
id: 1,
|
||||
mid: 1,
|
||||
module:'browser',
|
||||
name:'qt_tab_title_placeholder',
|
||||
value: '%DATABASE%/%USERNAME%@%SERVER%',
|
||||
},
|
||||
];
|
||||
|
||||
describe('SearchObjectsDialog', () => {
|
||||
let soDialog;
|
||||
let jquerySpy;
|
||||
let alertifySpy;
|
||||
let pgBrowser = {};
|
||||
|
||||
beforeEach(() => {
|
||||
pgBrowser.preferences_cache = dummy_cache;
|
||||
pgBrowser.Nodes = {
|
||||
server: {
|
||||
hasId: true,
|
||||
label: 'server',
|
||||
getTreeNodeHierarchy: jasmine.createSpy('server.getTreeNodeHierarchy'),
|
||||
},
|
||||
database: {
|
||||
hasId: true,
|
||||
label: 'database',
|
||||
getTreeNodeHierarchy: jasmine.createSpy('db.getTreeNodeHierarchy'),
|
||||
},
|
||||
schema: {
|
||||
hasId: true,
|
||||
label: 'schema',
|
||||
getTreeNodeHierarchy: jasmine.createSpy('db.getTreeNodeHierarchy'),
|
||||
},
|
||||
};
|
||||
pgBrowser.tree = new TreeFake(pgBrowser);
|
||||
pgBrowser.stdW = {
|
||||
sm: 500,
|
||||
md: 700,
|
||||
lg: 900,
|
||||
default: 500,
|
||||
};
|
||||
|
||||
pgBrowser.stdH = {
|
||||
sm: 200,
|
||||
md: 400,
|
||||
lg: 550,
|
||||
default: 550,
|
||||
};
|
||||
|
||||
pgBrowser.Nodes.server.hasId = true;
|
||||
pgBrowser.Nodes.database.hasId = true;
|
||||
jquerySpy = jasmine.createSpy('jquerySpy');
|
||||
spyOn(Notify, 'alert');
|
||||
|
||||
const hierarchy = {
|
||||
children: [
|
||||
{
|
||||
id: 'root',
|
||||
children: [
|
||||
{
|
||||
id: 'serverTreeNode',
|
||||
data: {
|
||||
_id: 10,
|
||||
_type: 'server',
|
||||
user: {name: 'username'},
|
||||
label: 'theserver',
|
||||
_label: 'theserver',
|
||||
},
|
||||
children: [
|
||||
{
|
||||
id: 'some_database',
|
||||
data: {
|
||||
_type: 'database',
|
||||
_id: 11,
|
||||
label: 'thedatabase',
|
||||
_label: 'thedatabase',
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: 'ppasServer',
|
||||
data: {
|
||||
_type: 'server',
|
||||
server_type: 'ppas',
|
||||
children: [
|
||||
{id: 'someNodeUnderneathPPASServer'},
|
||||
],
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
pgBrowser.tree = TreeFake.build(hierarchy, pgBrowser);
|
||||
});
|
||||
|
||||
describe('#draw', () => {
|
||||
let networkMock;
|
||||
beforeEach(() => {
|
||||
networkMock = new MockAdapter(axios);
|
||||
alertifySpy = jasmine.createSpyObj('alertify', ['alert', 'dialog']);
|
||||
alertifySpy['search_objects'] = jasmine.createSpy('search_objects');
|
||||
soDialog = new SearchObjectsDialog(
|
||||
pgBrowser,
|
||||
jquerySpy,
|
||||
alertifySpy,
|
||||
null
|
||||
);
|
||||
|
||||
pgBrowser.get_preference = jasmine.createSpy('get_preferences');
|
||||
pgBrowser.get_preferences_for_module =
|
||||
jasmine.createSpy('get_preferences_for_module').and.returnValue({
|
||||
[dummy_cache[0]['name']]: dummy_cache[0]['value'],
|
||||
});
|
||||
});
|
||||
|
||||
afterEach(() => {
|
||||
networkMock.restore();
|
||||
});
|
||||
|
||||
context('there are no ancestors of the type database', () => {
|
||||
it('does not create a dialog', () => {
|
||||
pgBrowser.tree.selectNode([{id: 'serverTreeNode'}]);
|
||||
soDialog.draw(null, null, null);
|
||||
expect(alertifySpy['search_objects']).not.toHaveBeenCalled();
|
||||
});
|
||||
|
||||
it('display an alert with a Search object Error', () => {
|
||||
soDialog.draw(null, [{id: 'serverTreeNode'}], null);
|
||||
expect(Notify.alert).toHaveBeenCalledWith(
|
||||
gettext('Search Objects Error'),
|
||||
gettext('Please select a database or its child node from the browser.')
|
||||
);
|
||||
});
|
||||
});
|
||||
|
||||
context('there is an ancestor of the type database', () => {
|
||||
let soDialogResizeToSpy;
|
||||
beforeEach(() => {
|
||||
soDialogResizeToSpy = jasmine.createSpyObj('soDialogResizeToSpy', ['resizeTo']);
|
||||
alertifySpy['search_objects'].and
|
||||
.returnValue(soDialogResizeToSpy);
|
||||
});
|
||||
|
||||
it('displays the dialog when database node selected', (done) => {
|
||||
soDialog.draw(null, [{id: 'some_database'}], null, pgBrowser.stdW.md, pgBrowser.stdH.md);
|
||||
setTimeout(() => {
|
||||
expect(alertifySpy['search_objects']).toHaveBeenCalledWith('Search Objects - thedatabase/username@theserver');
|
||||
expect(soDialogResizeToSpy.resizeTo).toHaveBeenCalledWith(pgBrowser.stdW.md, pgBrowser.stdH.md);
|
||||
done();
|
||||
}, 0);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
@@ -1,549 +0,0 @@
|
||||
/////////////////////////////////////////////////////////////
|
||||
//
|
||||
// pgAdmin 4 - PostgreSQL Tools
|
||||
//
|
||||
// Copyright (C) 2013 - 2022, The pgAdmin Development Team
|
||||
// This software is released under the PostgreSQL Licence
|
||||
//
|
||||
//////////////////////////////////////////////////////////////
|
||||
|
||||
import {TreeFake} from '../tree/tree_fake';
|
||||
import SearchObjectsDialogWrapper from 'tools/search_objects/static/js/search_objects_dialog_wrapper';
|
||||
import axios from 'axios/index';
|
||||
import MockAdapter from 'axios-mock-adapter';
|
||||
import {TreeNode} from '../../../pgadmin/static/js/tree/tree_nodes';
|
||||
|
||||
let context = describe;
|
||||
|
||||
describe('SearchObjectsDialogWrapper', () => {
|
||||
let jquerySpy;
|
||||
let pgBrowser;
|
||||
let alertifySpy;
|
||||
let dialogModelKlassSpy = null;
|
||||
let backform;
|
||||
let soDialogWrapper;
|
||||
let noDataNode;
|
||||
let serverTreeNode;
|
||||
let databaseTreeNode;
|
||||
let viewSchema;
|
||||
let soJQueryContainerSpy;
|
||||
let soNodeChildNodeSpy;
|
||||
let soNode;
|
||||
|
||||
beforeEach(() => {
|
||||
pgBrowser = {
|
||||
Nodes: {
|
||||
server: {
|
||||
hasId: true,
|
||||
getTreeNodeHierarchy: jasmine.createSpy('getTreeNodeHierarchy'),
|
||||
},
|
||||
database: {
|
||||
hasId: true,
|
||||
getTreeNodeHierarchy: jasmine.createSpy('getTreeNodeHierarchy'),
|
||||
},
|
||||
'coll-sometype': {
|
||||
type: 'coll-sometype',
|
||||
hasId: false,
|
||||
label: 'Some types coll',
|
||||
},
|
||||
sometype: {
|
||||
type: 'sometype',
|
||||
hasId: true,
|
||||
},
|
||||
someothertype: {
|
||||
type: 'someothertype',
|
||||
hasId: true,
|
||||
collection_type: 'coll-sometype',
|
||||
},
|
||||
'coll-edbfunc': {
|
||||
type: 'coll-edbfunc',
|
||||
hasId: true,
|
||||
label: 'Functions',
|
||||
},
|
||||
'coll-edbproc': {
|
||||
type: 'coll-edbfunc',
|
||||
hasId: true,
|
||||
label: 'Procedures',
|
||||
},
|
||||
'coll-edbvar': {
|
||||
type: 'coll-edbfunc',
|
||||
hasId: true,
|
||||
label: 'Variables',
|
||||
},
|
||||
},
|
||||
keyboardNavigation: jasmine.createSpyObj('keyboardNavigation', ['getDialogTabNavigator']),
|
||||
};
|
||||
pgBrowser.tree = new TreeFake(pgBrowser);
|
||||
noDataNode = pgBrowser.tree.addNewNode('level1.1', undefined, [{id: 'level1'}]);
|
||||
serverTreeNode = pgBrowser.tree.addNewNode('level2.1', {
|
||||
_type: 'server',
|
||||
_id: 10,
|
||||
label: 'some-tree-label',
|
||||
}, [{id: 'level2.1'}]);
|
||||
databaseTreeNode = new TreeNode('database-tree-node', {
|
||||
_type: 'database',
|
||||
_id: 123,
|
||||
_label: 'some-database-label',
|
||||
}, [{id: 'database-tree-node'}]);
|
||||
pgBrowser.tree.addChild(serverTreeNode, databaseTreeNode);
|
||||
|
||||
jquerySpy = jasmine.createSpy('jquerySpy');
|
||||
soNode = {
|
||||
__internal: {
|
||||
buttons: [{}, {}, {}, {
|
||||
element: {
|
||||
disabled: false,
|
||||
},
|
||||
}],
|
||||
},
|
||||
elements: {
|
||||
body: {
|
||||
childNodes: [
|
||||
{},
|
||||
],
|
||||
},
|
||||
content: jasmine.createSpyObj('content', ['appendChild', 'attr']),
|
||||
},
|
||||
};
|
||||
|
||||
soJQueryContainerSpy = jasmine.createSpyObj('soJQueryContainer', ['get', 'attr']);
|
||||
soJQueryContainerSpy.get.and.returnValue(soJQueryContainerSpy);
|
||||
|
||||
viewSchema = {};
|
||||
backform = jasmine.createSpyObj('backform', ['generateViewSchema', 'Dialog']);
|
||||
backform.generateViewSchema.and.returnValue(viewSchema);
|
||||
|
||||
soNodeChildNodeSpy = jasmine.createSpyObj('something', ['addClass']);
|
||||
jquerySpy.and.callFake((selector) => {
|
||||
if (selector === '<div class=\'search_objects_dialog\'></div>') {
|
||||
return soJQueryContainerSpy;
|
||||
} else if (selector === soNode.elements.body.childNodes[0]) {
|
||||
return soNodeChildNodeSpy;
|
||||
}
|
||||
});
|
||||
alertifySpy = jasmine.createSpyObj('alertify', ['alert', 'dialog']);
|
||||
|
||||
});
|
||||
|
||||
describe('#prepare', () => {
|
||||
beforeEach(() => {
|
||||
soDialogWrapper = new SearchObjectsDialogWrapper(
|
||||
'<div class=\'search_objects_dialog\'></div>',
|
||||
'soDialogTitle',
|
||||
'search_objects',
|
||||
jquerySpy,
|
||||
pgBrowser,
|
||||
alertifySpy,
|
||||
dialogModelKlassSpy,
|
||||
backform
|
||||
);
|
||||
soDialogWrapper = Object.assign(soDialogWrapper, soNode);
|
||||
spyOn(soDialogWrapper, 'prepareDialog').and.callThrough();
|
||||
spyOn(soDialogWrapper, 'setTypes');
|
||||
spyOn(soDialogWrapper, 'setResultCount');
|
||||
});
|
||||
|
||||
let prepareAction = ()=> {
|
||||
spyOn(soDialogWrapper, 'prepareDialog');
|
||||
soDialogWrapper.prepare();
|
||||
expect(soDialogWrapper.prepareDialog).not.toHaveBeenCalled();
|
||||
};
|
||||
|
||||
context('no tree element is selected', () => {
|
||||
it('does not prepare dialog', () => {
|
||||
prepareAction();
|
||||
});
|
||||
});
|
||||
|
||||
context('selected tree node has no data', () => {
|
||||
beforeEach(() => {
|
||||
pgBrowser.tree.selectNode(noDataNode.domNode);
|
||||
});
|
||||
|
||||
it('does not prepare the dialog', () => {
|
||||
prepareAction();
|
||||
});
|
||||
});
|
||||
|
||||
context('tree element is selected', () => {
|
||||
let gridDestroySpy;
|
||||
let networkMock;
|
||||
|
||||
beforeEach(() => {
|
||||
pgBrowser.tree.selectNode(databaseTreeNode.domNode);
|
||||
soDialogWrapper.grid = jasmine.createSpyObj('grid', ['destroy']);
|
||||
spyOn(soDialogWrapper, 'showMessage');
|
||||
gridDestroySpy = spyOn(soDialogWrapper.grid, 'destroy');
|
||||
|
||||
networkMock = new MockAdapter(axios);
|
||||
|
||||
});
|
||||
|
||||
afterEach(() => {
|
||||
networkMock.restore();
|
||||
});
|
||||
|
||||
it('creates dialog and displays it', () => {
|
||||
soDialogWrapper.prepare();
|
||||
expect(soDialogWrapper.prepareDialog).toHaveBeenCalled();
|
||||
expect(soDialogWrapper.showMessage).toHaveBeenCalledWith(null);
|
||||
});
|
||||
|
||||
|
||||
it('if grid set then destroy it', () => {
|
||||
soDialogWrapper.prepare();
|
||||
expect(gridDestroySpy).toHaveBeenCalled();
|
||||
expect(soDialogWrapper.grid).toBe(null);
|
||||
});
|
||||
|
||||
it('set result count to 0', () => {
|
||||
soDialogWrapper.prepare();
|
||||
expect(soDialogWrapper.setResultCount).toHaveBeenCalledWith(0);
|
||||
});
|
||||
|
||||
it('setTypes called before and after the ajax success', (done) => {
|
||||
networkMock.onGet('/search_objects/types/10/123').reply(200, {
|
||||
'data': {
|
||||
'type1': 'Type Label 1',
|
||||
'type2': 'Type Label 2',
|
||||
},
|
||||
});
|
||||
|
||||
soDialogWrapper.prepare();
|
||||
|
||||
expect(soDialogWrapper.setTypes.calls.argsFor(0)).toEqual([
|
||||
[{ id: -1, text: 'Loading...', value: null }], false,
|
||||
]);
|
||||
|
||||
setTimeout(()=>{
|
||||
expect(soDialogWrapper.setTypes.calls.argsFor(1)).toEqual([
|
||||
[{id: 'all', text: 'All types'},
|
||||
{id: 'type1', text: 'Type Label 1'},
|
||||
{id: 'type2', text: 'Type Label 2'}],
|
||||
]);
|
||||
done();
|
||||
}, 0);
|
||||
});
|
||||
|
||||
it('setTypes called after the ajax fail', (done) => {
|
||||
networkMock.onGet('/search_objects/types/10/123').reply(500);
|
||||
|
||||
soDialogWrapper.prepare();
|
||||
|
||||
expect(soDialogWrapper.setTypes.calls.argsFor(0)).toEqual([
|
||||
[{ id: -1, text: 'Loading...', value: null }], false,
|
||||
]);
|
||||
|
||||
setTimeout(()=>{
|
||||
expect(soDialogWrapper.setTypes.calls.argsFor(1)).toEqual([
|
||||
[{id: -1, text: 'Failed', value: null }], false,
|
||||
]);
|
||||
done();
|
||||
}, 0);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe('showMessage', () => {
|
||||
beforeEach(() => {
|
||||
soDialogWrapper = new SearchObjectsDialogWrapper(
|
||||
'<div class=\'search_objects_dialog\'></div>',
|
||||
'soDialogTitle',
|
||||
'search_objects',
|
||||
jquerySpy,
|
||||
pgBrowser,
|
||||
alertifySpy,
|
||||
dialogModelKlassSpy,
|
||||
backform
|
||||
);
|
||||
soDialogWrapper.statusBar = document.createElement('div');
|
||||
soDialogWrapper.statusBar.classList.add('d-none');
|
||||
document.body.appendChild(soDialogWrapper.statusBar);
|
||||
});
|
||||
|
||||
afterEach(() => {
|
||||
document.body.removeChild(soDialogWrapper.statusBar);
|
||||
});
|
||||
it('when info message', ()=>{
|
||||
soDialogWrapper.showMessage('locating', false);
|
||||
expect(soDialogWrapper.statusBar.classList.contains('d-none')).toBe(false);
|
||||
expect(soDialogWrapper.statusBar.querySelector('.error-in-footer')).toBe(null);
|
||||
expect(soDialogWrapper.statusBar.querySelector('.info-in-footer')).not.toBe(null);
|
||||
expect(soDialogWrapper.statusBar.querySelector('.alert-text').innerHTML).toEqual('locating');
|
||||
});
|
||||
|
||||
it('when error message', ()=>{
|
||||
soDialogWrapper.showMessage('some error', true);
|
||||
expect(soDialogWrapper.statusBar.classList.contains('d-none')).toBe(false);
|
||||
expect(soDialogWrapper.statusBar.querySelector('.error-in-footer')).not.toBe(null);
|
||||
expect(soDialogWrapper.statusBar.querySelector('.info-in-footer')).toBe(null);
|
||||
expect(soDialogWrapper.statusBar.querySelector('.alert-text').innerHTML).toEqual('some error');
|
||||
});
|
||||
|
||||
it('when no message', ()=>{
|
||||
soDialogWrapper.showMessage(null);
|
||||
expect(soDialogWrapper.statusBar.classList.contains('d-none')).toBe(true);
|
||||
});
|
||||
});
|
||||
|
||||
describe('function', () => {
|
||||
beforeEach(() => {
|
||||
soDialogWrapper = new SearchObjectsDialogWrapper(
|
||||
'<div class=\'search_objects_dialog\'></div>',
|
||||
'soDialogTitle',
|
||||
'search_objects',
|
||||
jquerySpy,
|
||||
pgBrowser,
|
||||
alertifySpy,
|
||||
dialogModelKlassSpy,
|
||||
backform
|
||||
);
|
||||
});
|
||||
|
||||
it('updateDimOfSearchResult', ()=>{
|
||||
soDialogWrapper.searchResultContainer = document.createElement('div');
|
||||
soDialogWrapper.searchResult = document.createElement('div');
|
||||
spyOn(soDialogWrapper.searchResultContainer, 'getBoundingClientRect').and.returnValue({height:100, width: 50});
|
||||
|
||||
soDialogWrapper.updateDimOfSearchResult();
|
||||
expect(soDialogWrapper.searchResult.style.height).toEqual('100px');
|
||||
expect(soDialogWrapper.searchResult.style.width).toEqual('50px');
|
||||
});
|
||||
|
||||
it('setLoading', ()=>{
|
||||
soDialogWrapper.loader = document.createElement('div');
|
||||
soDialogWrapper.loader.innerHTML = `
|
||||
<div class="pg-sp-text"></div>
|
||||
`;
|
||||
|
||||
soDialogWrapper.setLoading('loading');
|
||||
expect(soDialogWrapper.loader.classList.contains('d-none')).toBe(false);
|
||||
expect(soDialogWrapper.loader.querySelector('.pg-sp-text').innerHTML).toEqual('loading');
|
||||
|
||||
soDialogWrapper.setLoading(null);
|
||||
expect(soDialogWrapper.loader.classList.contains('d-none')).toBe(true);
|
||||
});
|
||||
|
||||
it('searchBtnEnabled', ()=>{
|
||||
soDialogWrapper.searchBtn = document.createElement('button');
|
||||
|
||||
soDialogWrapper.searchBtnEnabled(true);
|
||||
expect(soDialogWrapper.searchBtn.disabled).toEqual(false);
|
||||
expect(soDialogWrapper.searchBtnEnabled()).toEqual(true);
|
||||
|
||||
soDialogWrapper.searchBtnEnabled(false);
|
||||
expect(soDialogWrapper.searchBtn.disabled).toEqual(true);
|
||||
expect(soDialogWrapper.searchBtnEnabled()).toEqual(false);
|
||||
});
|
||||
|
||||
it('searchBoxVal', ()=>{
|
||||
soDialogWrapper.searchBox = document.createElement('input');
|
||||
soDialogWrapper.searchBoxVal('abc');
|
||||
expect(soDialogWrapper.searchBox.value).toEqual('abc');
|
||||
expect(soDialogWrapper.searchBoxVal()).toEqual('abc');
|
||||
});
|
||||
|
||||
it('typesVal', ()=>{
|
||||
soDialogWrapper.typesSelect = document.createElement('select');
|
||||
let opt = document.createElement('option');
|
||||
opt.appendChild( document.createTextNode('Some type') );
|
||||
opt.value = 'sometype';
|
||||
soDialogWrapper.typesSelect.appendChild(opt);
|
||||
|
||||
soDialogWrapper.typesVal('sometype');
|
||||
expect(soDialogWrapper.typesSelect.value).toEqual('sometype');
|
||||
expect(soDialogWrapper.typesVal()).toEqual('sometype');
|
||||
});
|
||||
|
||||
it('setGridData', ()=>{
|
||||
soDialogWrapper.dataview = jasmine.createSpyObj('dataview', ['setItems']);
|
||||
soDialogWrapper.setGridData([{id:'somedata'}]);
|
||||
expect(soDialogWrapper.dataview.setItems).toHaveBeenCalled();
|
||||
});
|
||||
|
||||
it('setGridData', ()=>{
|
||||
soDialogWrapper.searchResultCount = document.createElement('span');
|
||||
|
||||
soDialogWrapper.setResultCount(0);
|
||||
expect(soDialogWrapper.searchResultCount.innerHTML).toEqual('0 matches found.');
|
||||
|
||||
soDialogWrapper.setResultCount(1);
|
||||
expect(soDialogWrapper.searchResultCount.innerHTML).toEqual('1 match found.');
|
||||
|
||||
soDialogWrapper.setResultCount();
|
||||
expect(soDialogWrapper.searchResultCount.innerHTML).toEqual('Unknown matches found.');
|
||||
});
|
||||
|
||||
it('onDialogResize', ()=>{
|
||||
soDialogWrapper.grid = jasmine.createSpyObj('grid', ['autosizeColumns', 'resizeCanvas']);
|
||||
spyOn(soDialogWrapper, 'updateDimOfSearchResult');
|
||||
|
||||
soDialogWrapper.onDialogResize();
|
||||
expect(soDialogWrapper.updateDimOfSearchResult).toHaveBeenCalled();
|
||||
expect(soDialogWrapper.grid.resizeCanvas).toHaveBeenCalled();
|
||||
expect(soDialogWrapper.grid.autosizeColumns).toHaveBeenCalled();
|
||||
});
|
||||
|
||||
it('onDialogShow', (done)=>{
|
||||
spyOn(soDialogWrapper, 'prepareGrid').and.callFake(function() {
|
||||
this.grid = jasmine.createSpyObj('grid', ['init']);
|
||||
});
|
||||
|
||||
spyOn(soDialogWrapper, 'focusOnDialog');
|
||||
spyOn(soDialogWrapper, 'updateDimOfSearchResult');
|
||||
spyOn(soDialogWrapper, 'setGridData');
|
||||
spyOn(soDialogWrapper, 'onDialogResize');
|
||||
|
||||
|
||||
soDialogWrapper.onDialogShow();
|
||||
setTimeout(()=>{
|
||||
expect(soDialogWrapper.prepareGrid).toHaveBeenCalled();
|
||||
expect(soDialogWrapper.focusOnDialog).toHaveBeenCalled();
|
||||
expect(soDialogWrapper.setGridData).toHaveBeenCalledWith([]);
|
||||
expect(soDialogWrapper.onDialogResize).toHaveBeenCalled();
|
||||
done();
|
||||
}, 750);
|
||||
});
|
||||
|
||||
context('getCollNode', ()=>{
|
||||
it('type have same coll node', ()=>{
|
||||
let collNode = soDialogWrapper.getCollNode('sometype');
|
||||
expect(collNode.type).toEqual('coll-sometype');
|
||||
});
|
||||
|
||||
it('type does not same coll node', ()=>{
|
||||
let collNode = soDialogWrapper.getCollNode('someothertype');
|
||||
expect(collNode.type).toEqual('coll-sometype');
|
||||
});
|
||||
|
||||
it('type does not have coll node at all', ()=>{
|
||||
let collNode = soDialogWrapper.getCollNode('database');
|
||||
expect(collNode).toBe(null);
|
||||
});
|
||||
});
|
||||
|
||||
it('finaliseData', ()=>{
|
||||
spyOn(soDialogWrapper, 'translateSearchObjectsPath').and.returnValue(['disp/path', ['obj1/123', 'obj2/432']]);
|
||||
let data = soDialogWrapper.finaliseData({
|
||||
name: 'objname',
|
||||
type: 'sometype',
|
||||
type_label: 'Some types coll',
|
||||
path: ':some.123:/path',
|
||||
show_node: true,
|
||||
other_info: null,
|
||||
});
|
||||
expect(data).toEqual({
|
||||
id: 'obj1/123.obj2/432',
|
||||
icon: 'icon-sometype',
|
||||
name: 'objname',
|
||||
type: 'sometype',
|
||||
type_label: 'Some types coll',
|
||||
path: 'disp/path',
|
||||
id_path: ['obj1/123', 'obj2/432'],
|
||||
show_node: true,
|
||||
other_info: null,
|
||||
});
|
||||
});
|
||||
|
||||
context('translateSearchObjectsPath', ()=>{
|
||||
let path = null, catalog_level = null;
|
||||
beforeEach(()=>{
|
||||
pgBrowser.Nodes = {
|
||||
'server_group': {
|
||||
type:'server_group',
|
||||
label: 'Server group',
|
||||
},
|
||||
'server': {
|
||||
type:'server',
|
||||
label: 'Server',
|
||||
},
|
||||
'coll-database': {
|
||||
type:'coll-database',
|
||||
label: 'Databases',
|
||||
},
|
||||
'database': {
|
||||
type:'database',
|
||||
label: 'Database',
|
||||
},
|
||||
'coll-schema': {
|
||||
type:'coll-schema',
|
||||
label: 'Schemas',
|
||||
},
|
||||
'schema': {
|
||||
type:'schema',
|
||||
label: 'Schema',
|
||||
},
|
||||
'coll-table': {
|
||||
type:'coll-table',
|
||||
label: 'Tables',
|
||||
},
|
||||
'table': {
|
||||
type:'table',
|
||||
label: 'Table',
|
||||
},
|
||||
'sometype': {
|
||||
type:'sometype',
|
||||
label: 'Some type',
|
||||
collection_type: 'coll-table',
|
||||
},
|
||||
'coll-catalog': {
|
||||
type:'coll-catalog',
|
||||
label: 'Catalogs',
|
||||
},
|
||||
'catalog': {
|
||||
type:'catalog',
|
||||
label: 'Catalog',
|
||||
},
|
||||
'coll-catalog_object': {
|
||||
type:'coll-catalog_object',
|
||||
label: 'Catalog Objects',
|
||||
},
|
||||
'catalog_object': {
|
||||
type:'catalog_object',
|
||||
label: 'catalog object',
|
||||
},
|
||||
};
|
||||
|
||||
soDialogWrapper.treeInfo = {
|
||||
'server_group': {'id': 'server_group_1', '_id': 1},
|
||||
'server': {'id': 'server_3', '_id': 3},
|
||||
'database': {'id': 'database_18456', '_id': 18456},
|
||||
};
|
||||
});
|
||||
it('regular schema', ()=>{
|
||||
path = ':schema.2200:/test_db/:table.2604:/sampletab';
|
||||
catalog_level = 'N';
|
||||
|
||||
let retVal = soDialogWrapper.translateSearchObjectsPath(path, catalog_level);
|
||||
expect(retVal).toEqual([
|
||||
'Schemas/test_db/Tables/sampletab',
|
||||
['server_group_1','server_3','coll-database_3','database_18456','coll-schema_18456','schema_2200','coll-table_2200','table_2604'],
|
||||
]);
|
||||
});
|
||||
|
||||
context('catalog schema', ()=>{
|
||||
it('with db support', ()=>{
|
||||
path = ':schema.11:/PostgreSQL Catalog (pg_catalog)/:table.2604:/pg_class';
|
||||
catalog_level = 'D';
|
||||
|
||||
let retVal = soDialogWrapper.translateSearchObjectsPath(path, catalog_level);
|
||||
expect(retVal).toEqual([
|
||||
'Catalogs/PostgreSQL Catalog (pg_catalog)/Tables/pg_class',
|
||||
['server_group_1','server_3','coll-database_3','database_18456','coll-catalog_18456','catalog_11','coll-table_11','table_2604'],
|
||||
]);
|
||||
});
|
||||
|
||||
it('with object support only', ()=>{
|
||||
path = ':schema.11:/ANSI (information_schema)/:table.2604:/attributes';
|
||||
catalog_level = 'O';
|
||||
|
||||
let retVal = soDialogWrapper.translateSearchObjectsPath(path, catalog_level);
|
||||
expect(retVal).toEqual([
|
||||
'Catalogs/ANSI (information_schema)/Catalog Objects/attributes',
|
||||
['server_group_1','server_3','coll-database_3','database_18456','coll-catalog_18456','catalog_11','coll-catalog_object_11','catalog_object_2604'],
|
||||
]);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user