| /** |
| * @license |
| * Copyright (C) 2015 The Android Open Source Project |
| * |
| * Licensed under the Apache License, Version 2.0 (the "License"); |
| * you may not use this file except in compliance with the License. |
| * You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, software |
| * distributed under the License is distributed on an "AS IS" BASIS, |
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| * See the License for the specific language governing permissions and |
| * limitations under the License. |
| */ |
| |
| import '../../../test/common-test-setup-karma'; |
| import './gr-search-bar'; |
| import {GrSearchBar} from './gr-search-bar'; |
| import '../../../scripts/util'; |
| import {mockPromise, waitUntil} from '../../../test/test-utils'; |
| import {_testOnly_clearDocsBaseUrlCache} from '../../../utils/url-util'; |
| import * as MockInteractions from '@polymer/iron-test-helpers/mock-interactions'; |
| import { |
| createChangeConfig, |
| createGerritInfo, |
| createServerInfo, |
| } from '../../../test/test-data-generators'; |
| import {MergeabilityComputationBehavior} from '../../../constants/constants'; |
| import {queryAndAssert} from '../../../test/test-utils'; |
| import {GrAutocomplete} from '../../shared/gr-autocomplete/gr-autocomplete'; |
| import {PaperInputElement} from '@polymer/paper-input/paper-input'; |
| |
| const basicFixture = fixtureFromElement('gr-search-bar'); |
| |
| suite('gr-search-bar tests', () => { |
| let element: GrSearchBar; |
| |
| setup(async () => { |
| element = basicFixture.instantiate(); |
| await element.updateComplete; |
| }); |
| |
| test('value is propagated to inputVal', async () => { |
| element.value = 'foo'; |
| await element.updateComplete; |
| assert.equal(element.inputVal, 'foo'); |
| }); |
| |
| const getActiveElement = () => |
| document.activeElement!.shadowRoot |
| ? document.activeElement!.shadowRoot.activeElement |
| : document.activeElement; |
| |
| test('enter in search input fires event', async () => { |
| const promise = mockPromise(); |
| element.addEventListener('handle-search', () => { |
| assert.notEqual( |
| getActiveElement(), |
| queryAndAssert<GrAutocomplete>(element, '#searchInput') |
| ); |
| promise.resolve(); |
| }); |
| element.value = 'test'; |
| await element.updateComplete; |
| const searchInput = queryAndAssert<GrAutocomplete>(element, '#searchInput'); |
| MockInteractions.pressAndReleaseKeyOn( |
| queryAndAssert<HTMLInputElement>(searchInput, '#input'), |
| 13, |
| null, |
| 'enter' |
| ); |
| await promise; |
| }); |
| |
| test('input blurred after commit', async () => { |
| const blurSpy = sinon.spy( |
| queryAndAssert<PaperInputElement>( |
| queryAndAssert<GrAutocomplete>(element, '#searchInput'), |
| '#input' |
| ), |
| 'blur' |
| ); |
| queryAndAssert<GrAutocomplete>(element, '#searchInput').text = 'fate/stay'; |
| await element.updateComplete; |
| MockInteractions.pressAndReleaseKeyOn( |
| queryAndAssert<PaperInputElement>( |
| queryAndAssert<GrAutocomplete>(element, '#searchInput'), |
| '#input' |
| ), |
| 13, |
| null, |
| 'enter' |
| ); |
| await waitUntil(() => blurSpy.called); |
| }); |
| |
| test('empty search query does not trigger nav', async () => { |
| const searchSpy = sinon.spy(); |
| element.addEventListener('handle-search', searchSpy); |
| element.value = ''; |
| await element.updateComplete; |
| const searchInput = queryAndAssert<GrAutocomplete>(element, '#searchInput'); |
| MockInteractions.pressAndReleaseKeyOn( |
| queryAndAssert<HTMLInputElement>(searchInput, '#input'), |
| 13, |
| null, |
| 'enter' |
| ); |
| assert.isFalse(searchSpy.called); |
| }); |
| |
| test('Predefined query op with no predication doesnt trigger nav', async () => { |
| const searchSpy = sinon.spy(); |
| element.addEventListener('handle-search', searchSpy); |
| element.value = 'added:'; |
| await element.updateComplete; |
| const searchInput = queryAndAssert<GrAutocomplete>(element, '#searchInput'); |
| MockInteractions.pressAndReleaseKeyOn( |
| queryAndAssert<HTMLInputElement>(searchInput, '#input'), |
| 13, |
| null, |
| 'enter' |
| ); |
| assert.isFalse(searchSpy.called); |
| }); |
| |
| test('predefined predicate query triggers nav', async () => { |
| const searchSpy = sinon.spy(); |
| element.addEventListener('handle-search', searchSpy); |
| element.value = 'age:1week'; |
| await element.updateComplete; |
| const searchInput = queryAndAssert<GrAutocomplete>(element, '#searchInput'); |
| MockInteractions.pressAndReleaseKeyOn( |
| queryAndAssert<HTMLInputElement>(searchInput, '#input'), |
| 13, |
| null, |
| 'enter' |
| ); |
| await waitUntil(() => searchSpy.called); |
| }); |
| |
| test('undefined predicate query triggers nav', async () => { |
| const searchSpy = sinon.spy(); |
| element.addEventListener('handle-search', searchSpy); |
| element.value = 'random:1week'; |
| await element.updateComplete; |
| const searchInput = queryAndAssert<GrAutocomplete>(element, '#searchInput'); |
| MockInteractions.pressAndReleaseKeyOn( |
| queryAndAssert<HTMLInputElement>(searchInput, '#input'), |
| 13, |
| null, |
| 'enter' |
| ); |
| await waitUntil(() => searchSpy.called); |
| }); |
| |
| test('empty undefined predicate query triggers nav', async () => { |
| const searchSpy = sinon.spy(); |
| element.addEventListener('handle-search', searchSpy); |
| element.value = 'random:'; |
| await element.updateComplete; |
| const searchInput = queryAndAssert<GrAutocomplete>(element, '#searchInput'); |
| MockInteractions.pressAndReleaseKeyOn( |
| queryAndAssert<HTMLInputElement>(searchInput, '#input'), |
| 13, |
| null, |
| 'enter' |
| ); |
| await waitUntil(() => searchSpy.called); |
| }); |
| |
| test('keyboard shortcuts', async () => { |
| const focusSpy = sinon.spy( |
| queryAndAssert<GrAutocomplete>(element, '#searchInput'), |
| 'focus' |
| ); |
| const selectAllSpy = sinon.spy( |
| queryAndAssert<GrAutocomplete>(element, '#searchInput'), |
| 'selectAll' |
| ); |
| MockInteractions.pressAndReleaseKeyOn(document.body, 191, null, '/'); |
| assert.isTrue(focusSpy.called); |
| assert.isTrue(selectAllSpy.called); |
| }); |
| |
| suite('getSearchSuggestions', () => { |
| setup(async () => { |
| element = basicFixture.instantiate(); |
| element.serverConfig = { |
| ...createServerInfo(), |
| change: { |
| ...createChangeConfig(), |
| mergeability_computation_behavior: |
| 'NEVER' as MergeabilityComputationBehavior, |
| }, |
| }; |
| await element.updateComplete; |
| }); |
| |
| test('Autocompletes accounts', async () => { |
| element.accountSuggestions = () => |
| Promise.resolve([{text: 'owner:fred@goog.co'}]); |
| await element.updateComplete; |
| const s = await element.getSearchSuggestions('owner:fr'); |
| assert.equal(s[0].value, 'owner:fred@goog.co'); |
| }); |
| |
| test('Autocompletes groups', async () => { |
| element.groupSuggestions = () => |
| Promise.resolve([ |
| {text: 'ownerin:Polygerrit'}, |
| {text: 'ownerin:gerrit'}, |
| ]); |
| await element.updateComplete; |
| const s = await element.getSearchSuggestions('ownerin:pol'); |
| assert.equal(s[0].value, 'ownerin:Polygerrit'); |
| }); |
| |
| test('Autocompletes projects', async () => { |
| element.projectSuggestions = () => |
| Promise.resolve([ |
| {text: 'project:Polygerrit'}, |
| {text: 'project:gerrit'}, |
| {text: 'project:gerrittest'}, |
| ]); |
| await element.updateComplete; |
| const s = await element.getSearchSuggestions('project:pol'); |
| assert.equal(s[0].value, 'project:Polygerrit'); |
| }); |
| |
| test('Autocompletes simple searches', async () => { |
| const s = await element.getSearchSuggestions('is:o'); |
| assert.equal(s[0].name, 'is:open'); |
| assert.equal(s[0].value, 'is:open'); |
| assert.equal(s[1].name, 'is:owner'); |
| assert.equal(s[1].value, 'is:owner'); |
| }); |
| |
| test('Does not autocomplete with no match', async () => { |
| const s = await element.getSearchSuggestions('asdasdasdasd'); |
| assert.equal(s.length, 0); |
| }); |
| |
| test('Autocompletes without is:mergable when disabled', async () => { |
| const s = await element.getSearchSuggestions('is:mergeab'); |
| assert.isEmpty(s); |
| }); |
| }); |
| |
| [ |
| 'API_REF_UPDATED_AND_CHANGE_REINDEX', |
| 'REF_UPDATED_AND_CHANGE_REINDEX', |
| ].forEach(mergeability => { |
| suite(`mergeability as ${mergeability}`, () => { |
| setup(async () => { |
| element = basicFixture.instantiate(); |
| element.serverConfig = { |
| ...createServerInfo(), |
| change: { |
| ...createChangeConfig(), |
| mergeability_computation_behavior: |
| mergeability as MergeabilityComputationBehavior, |
| }, |
| }; |
| await element.updateComplete; |
| }); |
| |
| test('Autocompltes with is:mergable when enabled', async () => { |
| const s = await element.getSearchSuggestions('is:mergeab'); |
| assert.equal(s.length, 2); |
| assert.equal(s[0].name, 'is:mergeable'); |
| assert.equal(s[0].value, 'is:mergeable'); |
| assert.equal(s[1].name, '-is:mergeable'); |
| assert.equal(s[1].value, '-is:mergeable'); |
| }); |
| }); |
| }); |
| |
| suite('doc url', () => { |
| setup(async () => { |
| _testOnly_clearDocsBaseUrlCache(); |
| element = basicFixture.instantiate(); |
| element.serverConfig = { |
| ...createServerInfo(), |
| gerrit: { |
| ...createGerritInfo(), |
| doc_url: 'https://doc.com/', |
| }, |
| }; |
| await element.updateComplete; |
| }); |
| |
| test('compute help doc url with correct path', () => { |
| assert.equal(element.docBaseUrl, 'https://doc.com/'); |
| assert.equal( |
| element.computeHelpDocLink(), |
| 'https://doc.com/user-search.html' |
| ); |
| }); |
| |
| test('compute help doc url fallback to gerrit url', () => { |
| element.docBaseUrl = null; |
| assert.equal( |
| element.computeHelpDocLink(), |
| 'https://gerrit-review.googlesource.com/documentation/' + |
| 'user-search.html' |
| ); |
| }); |
| }); |
| }); |