chore: add prettier (2/3): apply formatting, re-enable lint ci step (#6682)
* style: apply prettier formatting * fix: re-enable lint ci check
This commit is contained in:
Jesse Mazzella
@@ -20,287 +20,282 @@
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
|
||||
import {
|
||||
createOpenMct,
|
||||
resetApplicationState
|
||||
} from 'utils/testing';
|
||||
import { createOpenMct, resetApplicationState } from 'utils/testing';
|
||||
import Vue from 'vue';
|
||||
import GrandSearch from './GrandSearch.vue';
|
||||
import ExampleTagsPlugin from '../../../../example/exampleTags/plugin';
|
||||
import DisplayLayoutPlugin from '../../../plugins/displayLayout/plugin';
|
||||
|
||||
xdescribe("GrandSearch", () => {
|
||||
let openmct;
|
||||
let grandSearchComponent;
|
||||
let viewContainer;
|
||||
let parent;
|
||||
let sharedWorkerToRestore;
|
||||
let mockDomainObject;
|
||||
let mockAnnotationObject;
|
||||
let mockDisplayLayout;
|
||||
let mockFolderObject;
|
||||
let mockAnotherFolderObject;
|
||||
let mockTopObject;
|
||||
let originalRouterPath;
|
||||
let mockNewObject;
|
||||
let mockObjectProvider;
|
||||
xdescribe('GrandSearch', () => {
|
||||
let openmct;
|
||||
let grandSearchComponent;
|
||||
let viewContainer;
|
||||
let parent;
|
||||
let sharedWorkerToRestore;
|
||||
let mockDomainObject;
|
||||
let mockAnnotationObject;
|
||||
let mockDisplayLayout;
|
||||
let mockFolderObject;
|
||||
let mockAnotherFolderObject;
|
||||
let mockTopObject;
|
||||
let originalRouterPath;
|
||||
let mockNewObject;
|
||||
let mockObjectProvider;
|
||||
|
||||
beforeEach((done) => {
|
||||
openmct = createOpenMct();
|
||||
originalRouterPath = openmct.router.path;
|
||||
openmct.router.path = [mockDisplayLayout];
|
||||
openmct.editor.edit();
|
||||
beforeEach((done) => {
|
||||
openmct = createOpenMct();
|
||||
originalRouterPath = openmct.router.path;
|
||||
openmct.router.path = [mockDisplayLayout];
|
||||
openmct.editor.edit();
|
||||
|
||||
openmct.install(new ExampleTagsPlugin());
|
||||
openmct.install(new DisplayLayoutPlugin());
|
||||
const availableTags = openmct.annotation.getAvailableTags();
|
||||
mockDomainObject = {
|
||||
type: 'notebook',
|
||||
name: 'fooRabbitNotebook',
|
||||
location: 'fooNameSpace:topObject',
|
||||
identifier: {
|
||||
key: 'some-object',
|
||||
namespace: 'fooNameSpace'
|
||||
},
|
||||
configuration: {
|
||||
entries: {
|
||||
someSection: {
|
||||
somePage: [
|
||||
{
|
||||
id: 'fooBarEntry',
|
||||
text: 'Foo Bar Text'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
mockTopObject = {
|
||||
type: 'root',
|
||||
name: 'Top Folder',
|
||||
composition: [],
|
||||
identifier: {
|
||||
key: 'topObject',
|
||||
namespace: 'fooNameSpace'
|
||||
}
|
||||
};
|
||||
mockAnotherFolderObject = {
|
||||
type: 'folder',
|
||||
name: 'Another Test Folder',
|
||||
composition: [],
|
||||
location: 'fooNameSpace:topObject',
|
||||
identifier: {
|
||||
key: 'someParent',
|
||||
namespace: 'fooNameSpace'
|
||||
}
|
||||
};
|
||||
mockFolderObject = {
|
||||
type: 'folder',
|
||||
name: 'Test Folder',
|
||||
composition: [],
|
||||
location: 'fooNameSpace:someParent',
|
||||
identifier: {
|
||||
key: 'someFolder',
|
||||
namespace: 'fooNameSpace'
|
||||
}
|
||||
};
|
||||
mockDisplayLayout = {
|
||||
type: 'layout',
|
||||
name: 'Bar Layout',
|
||||
composition: [],
|
||||
identifier: {
|
||||
key: 'some-layout',
|
||||
namespace: 'fooNameSpace'
|
||||
},
|
||||
configuration: {
|
||||
items: [],
|
||||
layoutGrid: [10, 10]
|
||||
}
|
||||
};
|
||||
mockAnnotationObject = {
|
||||
type: 'annotation',
|
||||
name: 'Some Notebook Annotation',
|
||||
annotationType: openmct.annotation.ANNOTATION_TYPES.NOTEBOOK,
|
||||
tags: [availableTags[0].id, availableTags[1].id],
|
||||
identifier: {
|
||||
key: 'anAnnotationKey',
|
||||
namespace: 'fooNameSpace'
|
||||
},
|
||||
targets: {
|
||||
'fooNameSpace:some-object': {
|
||||
entryId: 'fooBarEntry'
|
||||
}
|
||||
}
|
||||
};
|
||||
mockNewObject = {
|
||||
type: 'folder',
|
||||
name: 'New Apple Test Folder',
|
||||
composition: [],
|
||||
location: 'fooNameSpace:topObject',
|
||||
identifier: {
|
||||
key: 'newApple',
|
||||
namespace: 'fooNameSpace'
|
||||
}
|
||||
};
|
||||
openmct.install(new ExampleTagsPlugin());
|
||||
openmct.install(new DisplayLayoutPlugin());
|
||||
const availableTags = openmct.annotation.getAvailableTags();
|
||||
mockDomainObject = {
|
||||
type: 'notebook',
|
||||
name: 'fooRabbitNotebook',
|
||||
location: 'fooNameSpace:topObject',
|
||||
identifier: {
|
||||
key: 'some-object',
|
||||
namespace: 'fooNameSpace'
|
||||
},
|
||||
configuration: {
|
||||
entries: {
|
||||
someSection: {
|
||||
somePage: [
|
||||
{
|
||||
id: 'fooBarEntry',
|
||||
text: 'Foo Bar Text'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
mockTopObject = {
|
||||
type: 'root',
|
||||
name: 'Top Folder',
|
||||
composition: [],
|
||||
identifier: {
|
||||
key: 'topObject',
|
||||
namespace: 'fooNameSpace'
|
||||
}
|
||||
};
|
||||
mockAnotherFolderObject = {
|
||||
type: 'folder',
|
||||
name: 'Another Test Folder',
|
||||
composition: [],
|
||||
location: 'fooNameSpace:topObject',
|
||||
identifier: {
|
||||
key: 'someParent',
|
||||
namespace: 'fooNameSpace'
|
||||
}
|
||||
};
|
||||
mockFolderObject = {
|
||||
type: 'folder',
|
||||
name: 'Test Folder',
|
||||
composition: [],
|
||||
location: 'fooNameSpace:someParent',
|
||||
identifier: {
|
||||
key: 'someFolder',
|
||||
namespace: 'fooNameSpace'
|
||||
}
|
||||
};
|
||||
mockDisplayLayout = {
|
||||
type: 'layout',
|
||||
name: 'Bar Layout',
|
||||
composition: [],
|
||||
identifier: {
|
||||
key: 'some-layout',
|
||||
namespace: 'fooNameSpace'
|
||||
},
|
||||
configuration: {
|
||||
items: [],
|
||||
layoutGrid: [10, 10]
|
||||
}
|
||||
};
|
||||
mockAnnotationObject = {
|
||||
type: 'annotation',
|
||||
name: 'Some Notebook Annotation',
|
||||
annotationType: openmct.annotation.ANNOTATION_TYPES.NOTEBOOK,
|
||||
tags: [availableTags[0].id, availableTags[1].id],
|
||||
identifier: {
|
||||
key: 'anAnnotationKey',
|
||||
namespace: 'fooNameSpace'
|
||||
},
|
||||
targets: {
|
||||
'fooNameSpace:some-object': {
|
||||
entryId: 'fooBarEntry'
|
||||
}
|
||||
}
|
||||
};
|
||||
mockNewObject = {
|
||||
type: 'folder',
|
||||
name: 'New Apple Test Folder',
|
||||
composition: [],
|
||||
location: 'fooNameSpace:topObject',
|
||||
identifier: {
|
||||
key: 'newApple',
|
||||
namespace: 'fooNameSpace'
|
||||
}
|
||||
};
|
||||
|
||||
openmct.router.isNavigatedObject = jasmine.createSpy().and.returnValue(false);
|
||||
mockObjectProvider = jasmine.createSpyObj("mock object provider", [
|
||||
"create",
|
||||
"update",
|
||||
"get"
|
||||
]);
|
||||
// eslint-disable-next-line require-await
|
||||
mockObjectProvider.get = async (identifier) => {
|
||||
if (identifier.key === mockDomainObject.identifier.key) {
|
||||
return mockDomainObject;
|
||||
} else if (identifier.key === mockAnnotationObject.identifier.key) {
|
||||
return mockAnnotationObject;
|
||||
} else if (identifier.key === mockDisplayLayout.identifier.key) {
|
||||
return mockDisplayLayout;
|
||||
} else if (identifier.key === mockFolderObject.identifier.key) {
|
||||
return mockFolderObject;
|
||||
} else if (identifier.key === mockAnotherFolderObject.identifier.key) {
|
||||
return mockAnotherFolderObject;
|
||||
} else if (identifier.key === mockTopObject.identifier.key) {
|
||||
return mockTopObject;
|
||||
} else if (identifier.key === mockNewObject.identifier.key) {
|
||||
return mockNewObject;
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
};
|
||||
openmct.router.isNavigatedObject = jasmine.createSpy().and.returnValue(false);
|
||||
mockObjectProvider = jasmine.createSpyObj('mock object provider', ['create', 'update', 'get']);
|
||||
// eslint-disable-next-line require-await
|
||||
mockObjectProvider.get = async (identifier) => {
|
||||
if (identifier.key === mockDomainObject.identifier.key) {
|
||||
return mockDomainObject;
|
||||
} else if (identifier.key === mockAnnotationObject.identifier.key) {
|
||||
return mockAnnotationObject;
|
||||
} else if (identifier.key === mockDisplayLayout.identifier.key) {
|
||||
return mockDisplayLayout;
|
||||
} else if (identifier.key === mockFolderObject.identifier.key) {
|
||||
return mockFolderObject;
|
||||
} else if (identifier.key === mockAnotherFolderObject.identifier.key) {
|
||||
return mockAnotherFolderObject;
|
||||
} else if (identifier.key === mockTopObject.identifier.key) {
|
||||
return mockTopObject;
|
||||
} else if (identifier.key === mockNewObject.identifier.key) {
|
||||
return mockNewObject;
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
};
|
||||
|
||||
mockObjectProvider.create.and.returnValue(Promise.resolve(true));
|
||||
mockObjectProvider.update.and.returnValue(Promise.resolve(true));
|
||||
mockObjectProvider.create.and.returnValue(Promise.resolve(true));
|
||||
mockObjectProvider.update.and.returnValue(Promise.resolve(true));
|
||||
|
||||
openmct.objects.addProvider('fooNameSpace', mockObjectProvider);
|
||||
openmct.objects.addProvider('fooNameSpace', mockObjectProvider);
|
||||
|
||||
const mockViewProvider = jasmine.createSpyObj("mock view provider", [
|
||||
"key",
|
||||
"view",
|
||||
"canView"
|
||||
]);
|
||||
const mockViewProvider = jasmine.createSpyObj('mock view provider', ['key', 'view', 'canView']);
|
||||
|
||||
openmct.objectViews.addProvider(mockViewProvider);
|
||||
openmct.objectViews.addProvider(mockViewProvider);
|
||||
|
||||
openmct.on('start', async () => {
|
||||
// use local worker
|
||||
sharedWorkerToRestore = openmct.objects.inMemorySearchProvider.worker;
|
||||
openmct.objects.inMemorySearchProvider.worker = null;
|
||||
await openmct.objects.inMemorySearchProvider.index(mockTopObject);
|
||||
await openmct.objects.inMemorySearchProvider.index(mockDomainObject);
|
||||
await openmct.objects.inMemorySearchProvider.index(mockDisplayLayout);
|
||||
await openmct.objects.inMemorySearchProvider.index(mockFolderObject);
|
||||
await openmct.objects.inMemorySearchProvider.index(mockAnnotationObject);
|
||||
parent = document.createElement('div');
|
||||
document.body.appendChild(parent);
|
||||
viewContainer = document.createElement('div');
|
||||
parent.append(viewContainer);
|
||||
grandSearchComponent = new Vue({
|
||||
el: viewContainer,
|
||||
components: {
|
||||
GrandSearch
|
||||
},
|
||||
provide: {
|
||||
openmct
|
||||
},
|
||||
template: '<GrandSearch/>'
|
||||
}).$mount();
|
||||
await Vue.nextTick();
|
||||
done();
|
||||
});
|
||||
openmct.startHeadless();
|
||||
openmct.on('start', async () => {
|
||||
// use local worker
|
||||
sharedWorkerToRestore = openmct.objects.inMemorySearchProvider.worker;
|
||||
openmct.objects.inMemorySearchProvider.worker = null;
|
||||
await openmct.objects.inMemorySearchProvider.index(mockTopObject);
|
||||
await openmct.objects.inMemorySearchProvider.index(mockDomainObject);
|
||||
await openmct.objects.inMemorySearchProvider.index(mockDisplayLayout);
|
||||
await openmct.objects.inMemorySearchProvider.index(mockFolderObject);
|
||||
await openmct.objects.inMemorySearchProvider.index(mockAnnotationObject);
|
||||
parent = document.createElement('div');
|
||||
document.body.appendChild(parent);
|
||||
viewContainer = document.createElement('div');
|
||||
parent.append(viewContainer);
|
||||
grandSearchComponent = new Vue({
|
||||
el: viewContainer,
|
||||
components: {
|
||||
GrandSearch
|
||||
},
|
||||
provide: {
|
||||
openmct
|
||||
},
|
||||
template: '<GrandSearch/>'
|
||||
}).$mount();
|
||||
await Vue.nextTick();
|
||||
done();
|
||||
});
|
||||
openmct.startHeadless();
|
||||
});
|
||||
|
||||
afterEach(() => {
|
||||
openmct.objects.inMemorySearchProvider.worker = sharedWorkerToRestore;
|
||||
openmct.router.path = originalRouterPath;
|
||||
grandSearchComponent.$destroy();
|
||||
document.body.removeChild(parent);
|
||||
afterEach(() => {
|
||||
openmct.objects.inMemorySearchProvider.worker = sharedWorkerToRestore;
|
||||
openmct.router.path = originalRouterPath;
|
||||
grandSearchComponent.$destroy();
|
||||
document.body.removeChild(parent);
|
||||
|
||||
return resetApplicationState(openmct);
|
||||
});
|
||||
return resetApplicationState(openmct);
|
||||
});
|
||||
|
||||
it("should render an object search result", async () => {
|
||||
await grandSearchComponent.$children[0].searchEverything('foo');
|
||||
await Vue.nextTick();
|
||||
const searchResults = document.querySelectorAll('[aria-label="fooRabbitNotebook notebook result"]');
|
||||
expect(searchResults.length).toBe(1);
|
||||
expect(searchResults[0].innerText).toContain('Rabbit');
|
||||
});
|
||||
it('should render an object search result', async () => {
|
||||
await grandSearchComponent.$children[0].searchEverything('foo');
|
||||
await Vue.nextTick();
|
||||
const searchResults = document.querySelectorAll(
|
||||
'[aria-label="fooRabbitNotebook notebook result"]'
|
||||
);
|
||||
expect(searchResults.length).toBe(1);
|
||||
expect(searchResults[0].innerText).toContain('Rabbit');
|
||||
});
|
||||
|
||||
it("should render an object search result if new object added", async () => {
|
||||
const composition = openmct.composition.get(mockFolderObject);
|
||||
composition.add(mockNewObject);
|
||||
// after adding, need to wait a beat for the folder to be indexed
|
||||
await Vue.nextTick();
|
||||
await grandSearchComponent.$children[0].searchEverything('apple');
|
||||
await Vue.nextTick();
|
||||
const searchResults = document.querySelectorAll('[aria-label="New Apple Test Folder folder result"]');
|
||||
expect(searchResults.length).toBe(1);
|
||||
expect(searchResults[0].innerText).toContain('Apple');
|
||||
});
|
||||
it('should render an object search result if new object added', async () => {
|
||||
const composition = openmct.composition.get(mockFolderObject);
|
||||
composition.add(mockNewObject);
|
||||
// after adding, need to wait a beat for the folder to be indexed
|
||||
await Vue.nextTick();
|
||||
await grandSearchComponent.$children[0].searchEverything('apple');
|
||||
await Vue.nextTick();
|
||||
const searchResults = document.querySelectorAll(
|
||||
'[aria-label="New Apple Test Folder folder result"]'
|
||||
);
|
||||
expect(searchResults.length).toBe(1);
|
||||
expect(searchResults[0].innerText).toContain('Apple');
|
||||
});
|
||||
|
||||
it("should not use InMemorySearch provider if object provider provides search", async () => {
|
||||
// eslint-disable-next-line require-await
|
||||
mockObjectProvider.search = async (query, abortSignal, searchType) => {
|
||||
if (searchType === openmct.objects.SEARCH_TYPES.OBJECTS) {
|
||||
return mockNewObject;
|
||||
} else {
|
||||
return [];
|
||||
}
|
||||
};
|
||||
it('should not use InMemorySearch provider if object provider provides search', async () => {
|
||||
// eslint-disable-next-line require-await
|
||||
mockObjectProvider.search = async (query, abortSignal, searchType) => {
|
||||
if (searchType === openmct.objects.SEARCH_TYPES.OBJECTS) {
|
||||
return mockNewObject;
|
||||
} else {
|
||||
return [];
|
||||
}
|
||||
};
|
||||
|
||||
mockObjectProvider.supportsSearchType = (someType) => {
|
||||
return true;
|
||||
};
|
||||
mockObjectProvider.supportsSearchType = (someType) => {
|
||||
return true;
|
||||
};
|
||||
|
||||
const composition = openmct.composition.get(mockFolderObject);
|
||||
composition.add(mockNewObject);
|
||||
await grandSearchComponent.$children[0].searchEverything('apple');
|
||||
await Vue.nextTick();
|
||||
const searchResults = document.querySelectorAll('[aria-label="New Apple Test Folder folder result"]');
|
||||
// This will be of length 2 (doubles) if we're incorrectly searching with InMemorySearchProvider as well
|
||||
expect(searchResults.length).toBe(1);
|
||||
expect(searchResults[0].innerText).toContain('Apple');
|
||||
});
|
||||
const composition = openmct.composition.get(mockFolderObject);
|
||||
composition.add(mockNewObject);
|
||||
await grandSearchComponent.$children[0].searchEverything('apple');
|
||||
await Vue.nextTick();
|
||||
const searchResults = document.querySelectorAll(
|
||||
'[aria-label="New Apple Test Folder folder result"]'
|
||||
);
|
||||
// This will be of length 2 (doubles) if we're incorrectly searching with InMemorySearchProvider as well
|
||||
expect(searchResults.length).toBe(1);
|
||||
expect(searchResults[0].innerText).toContain('Apple');
|
||||
});
|
||||
|
||||
it("should render an annotation search result", async () => {
|
||||
await grandSearchComponent.$children[0].searchEverything('S');
|
||||
await Vue.nextTick();
|
||||
const annotationResults = document.querySelectorAll('[aria-label="Search Result"]');
|
||||
expect(annotationResults.length).toBe(2);
|
||||
expect(annotationResults[1].innerText).toContain('Driving');
|
||||
});
|
||||
it('should render an annotation search result', async () => {
|
||||
await grandSearchComponent.$children[0].searchEverything('S');
|
||||
await Vue.nextTick();
|
||||
const annotationResults = document.querySelectorAll('[aria-label="Search Result"]');
|
||||
expect(annotationResults.length).toBe(2);
|
||||
expect(annotationResults[1].innerText).toContain('Driving');
|
||||
});
|
||||
|
||||
it("should render no annotation search results if no match", async () => {
|
||||
await grandSearchComponent.$children[0].searchEverything('Qbert');
|
||||
await Vue.nextTick();
|
||||
const annotationResults = document.querySelectorAll('[aria-label="Search Result"]');
|
||||
expect(annotationResults.length).toBe(0);
|
||||
});
|
||||
it('should render no annotation search results if no match', async () => {
|
||||
await grandSearchComponent.$children[0].searchEverything('Qbert');
|
||||
await Vue.nextTick();
|
||||
const annotationResults = document.querySelectorAll('[aria-label="Search Result"]');
|
||||
expect(annotationResults.length).toBe(0);
|
||||
});
|
||||
|
||||
it("should preview object search results in edit mode if object clicked", async () => {
|
||||
await grandSearchComponent.$children[0].searchEverything('Folder');
|
||||
grandSearchComponent._provided.openmct.router.path = [mockDisplayLayout];
|
||||
await Vue.nextTick();
|
||||
const searchResults = document.querySelectorAll('[name="Test Folder"]');
|
||||
expect(searchResults.length).toBe(1);
|
||||
expect(searchResults[0].innerText).toContain('Folder');
|
||||
searchResults[0].click();
|
||||
const previewWindow = document.querySelector('.js-preview-window');
|
||||
expect(previewWindow.innerText).toContain('Snapshot');
|
||||
});
|
||||
it('should preview object search results in edit mode if object clicked', async () => {
|
||||
await grandSearchComponent.$children[0].searchEverything('Folder');
|
||||
grandSearchComponent._provided.openmct.router.path = [mockDisplayLayout];
|
||||
await Vue.nextTick();
|
||||
const searchResults = document.querySelectorAll('[name="Test Folder"]');
|
||||
expect(searchResults.length).toBe(1);
|
||||
expect(searchResults[0].innerText).toContain('Folder');
|
||||
searchResults[0].click();
|
||||
const previewWindow = document.querySelector('.js-preview-window');
|
||||
expect(previewWindow.innerText).toContain('Snapshot');
|
||||
});
|
||||
|
||||
it("should preview annotation search results in edit mode if annotation clicked", async () => {
|
||||
await grandSearchComponent.$children[0].searchEverything('Dri');
|
||||
grandSearchComponent._provided.openmct.router.path = [mockDisplayLayout];
|
||||
await Vue.nextTick();
|
||||
const annotationResults = document.querySelectorAll('[aria-label="Search Result"]');
|
||||
expect(annotationResults.length).toBe(1);
|
||||
expect(annotationResults[0].innerText).toContain('Driving');
|
||||
annotationResults[0].click();
|
||||
const previewWindow = document.querySelector('.js-preview-window');
|
||||
expect(previewWindow.innerText).toContain('Snapshot');
|
||||
});
|
||||
it('should preview annotation search results in edit mode if annotation clicked', async () => {
|
||||
await grandSearchComponent.$children[0].searchEverything('Dri');
|
||||
grandSearchComponent._provided.openmct.router.path = [mockDisplayLayout];
|
||||
await Vue.nextTick();
|
||||
const annotationResults = document.querySelectorAll('[aria-label="Search Result"]');
|
||||
expect(annotationResults.length).toBe(1);
|
||||
expect(annotationResults[0].innerText).toContain('Driving');
|
||||
annotationResults[0].click();
|
||||
const previewWindow = document.querySelector('.js-preview-window');
|
||||
expect(previewWindow.innerText).toContain('Snapshot');
|
||||
});
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user