| /** |
| * @license |
| * Copyright 2017 Google LLC |
| * SPDX-License-Identifier: Apache-2.0 |
| */ |
| import '../../../test/common-test-setup'; |
| import './gr-admin-group-list'; |
| import {GrAdminGroupList} from './gr-admin-group-list'; |
| import {queryAndAssert, stubRestApi} from '../../../test/test-utils'; |
| import { |
| GroupId, |
| GroupName, |
| GroupNameToGroupInfoMap, |
| } from '../../../types/common'; |
| import {GerritView} from '../../../services/router/router-model'; |
| import {GrListView} from '../../shared/gr-list-view/gr-list-view'; |
| import {GrDialog} from '../../shared/gr-dialog/gr-dialog'; |
| import {SHOWN_ITEMS_COUNT} from '../../../constants/constants'; |
| import {fixture, html, assert} from '@open-wc/testing'; |
| import {AdminChildView, AdminViewState} from '../../../models/views/admin'; |
| |
| function createGroup(name: string, counter: number) { |
| return { |
| name: `${name}${counter}` as GroupName, |
| id: '59b92f35489e62c80d1ab1bf0c2d17843038df8b' as GroupId, |
| url: '#/admin/groups/uuid-59b92f35489e62c80d1ab1bf0c2d17843038df8b', |
| options: { |
| visible_to_all: false, |
| }, |
| description: 'Gerrit Site Administrators', |
| group_id: 1, |
| owner: 'Administrators', |
| owner_id: '7ca042f4d5847936fcb90ca91057673157fd06fc', |
| }; |
| } |
| |
| function createGroupList(name: string, n: number) { |
| const groups = []; |
| for (let i = 0; i < n; ++i) { |
| groups.push(createGroup(name, i)); |
| } |
| return groups; |
| } |
| |
| function createGroupObjectList(name: string, n: number) { |
| const groups: GroupNameToGroupInfoMap = {}; |
| for (let i = 0; i < n; ++i) { |
| groups[`${name}${i}`] = createGroup(name, i); |
| } |
| return groups; |
| } |
| |
| suite('gr-admin-group-list tests', () => { |
| let element: GrAdminGroupList; |
| let groups: GroupNameToGroupInfoMap; |
| |
| const value: AdminViewState = { |
| view: GerritView.ADMIN, |
| adminView: AdminChildView.GROUPS, |
| }; |
| |
| setup(async () => { |
| element = await fixture(html`<gr-admin-group-list></gr-admin-group-list>`); |
| }); |
| |
| test('render', () => { |
| assert.shadowDom.equal( |
| element, |
| /* HTML */ ` |
| <gr-list-view> |
| <table class="genericList" id="list"> |
| <tbody> |
| <tr class="headerRow"> |
| <th class="name topHeader">Group Name</th> |
| <th class="description topHeader">Group Description</th> |
| <th class="topHeader visibleToAll">Visible To All</th> |
| </tr> |
| <tr class="loading loadingMsg" id="loading"> |
| <td>Loading...</td> |
| </tr> |
| </tbody> |
| <tbody class="loading"></tbody> |
| </table> |
| </gr-list-view> |
| <dialog id="createModal" tabindex="-1"> |
| <gr-dialog |
| class="confirmDialog" |
| confirm-label="Create" |
| confirm-on-enter="" |
| disabled="" |
| id="createDialog" |
| role="dialog" |
| > |
| <div class="header" slot="header">Create Group</div> |
| <div class="main" slot="main"> |
| <gr-create-group-dialog id="createNewModal"> |
| </gr-create-group-dialog> |
| </div> |
| </gr-dialog> |
| </dialog> |
| ` |
| ); |
| }); |
| |
| suite('list with groups', () => { |
| setup(async () => { |
| groups = createGroupObjectList('test', 26); |
| stubRestApi('getGroups').returns(Promise.resolve(groups)); |
| element.params = value; |
| element.paramsChanged(); |
| await element.updateComplete; |
| }); |
| |
| test('test for test group in the list', () => { |
| assert.equal(element.groups[1].name, 'test1' as GroupName); |
| assert.equal(element.groups[1].options!.visible_to_all, false); |
| }); |
| |
| test('groups', () => { |
| assert.equal(element.groups.slice(0, SHOWN_ITEMS_COUNT).length, 25); |
| }); |
| |
| test('maybeOpenCreateModal', async () => { |
| const modalOpen = sinon.stub( |
| queryAndAssert<HTMLDialogElement>(element, '#createModal'), |
| 'showModal' |
| ); |
| await element.maybeOpenCreateModal(); |
| assert.isFalse(modalOpen.called); |
| await element.maybeOpenCreateModal(undefined); |
| assert.isFalse(modalOpen.called); |
| value.openCreateModal = true; |
| await element.maybeOpenCreateModal(value); |
| assert.isTrue(modalOpen.called); |
| }); |
| }); |
| |
| suite('test with 25 groups', () => { |
| setup(async () => { |
| groups = createGroupObjectList('test', 25); |
| stubRestApi('getGroups').returns(Promise.resolve(groups)); |
| element.params = value; |
| await element.paramsChanged(); |
| await element.updateComplete; |
| }); |
| |
| test('groups', () => { |
| assert.equal(element.groups.slice(0, SHOWN_ITEMS_COUNT).length, 25); |
| }); |
| }); |
| |
| suite('filter', () => { |
| test('paramsChanged', async () => { |
| const getGroupsStub = stubRestApi('getGroups'); |
| getGroupsStub.returns(Promise.resolve(groups)); |
| value.filter = 'test'; |
| value.offset = 25; |
| element.params = value; |
| await element.paramsChanged(); |
| assert.isTrue(getGroupsStub.lastCall.calledWithExactly('test', 25, 25)); |
| }); |
| }); |
| |
| suite('loading', async () => { |
| test('correct contents are displayed', async () => { |
| assert.isTrue(element.loading); |
| assert.equal( |
| getComputedStyle(queryAndAssert<HTMLTableElement>(element, '#loading')) |
| .display, |
| 'block' |
| ); |
| |
| element.loading = false; |
| element.groups = createGroupList('test', 25); |
| |
| await element.updateComplete; |
| assert.equal( |
| getComputedStyle(queryAndAssert<HTMLTableElement>(element, '#loading')) |
| .display, |
| 'none' |
| ); |
| }); |
| }); |
| |
| suite('create new', () => { |
| test('handleCreateClicked called when create-click fired', () => { |
| const handleCreateClickedStub = sinon.stub( |
| element, |
| 'handleCreateClicked' |
| ); |
| queryAndAssert<GrListView>(element, 'gr-list-view').dispatchEvent( |
| new CustomEvent('create-clicked', { |
| composed: true, |
| bubbles: true, |
| }) |
| ); |
| assert.isTrue(handleCreateClickedStub.called); |
| }); |
| |
| test('handleCreateClicked opens modal', () => { |
| const openStub = sinon.stub( |
| queryAndAssert<HTMLDialogElement>(element, '#createModal'), |
| 'showModal' |
| ); |
| element.handleCreateClicked(); |
| assert.isTrue(openStub.called); |
| }); |
| |
| test('handleCreateGroup called when confirm fired', () => { |
| const handleCreateGroupStub = sinon.stub(element, 'handleCreateGroup'); |
| queryAndAssert<GrDialog>(element, '#createDialog').dispatchEvent( |
| new CustomEvent('confirm', { |
| composed: true, |
| bubbles: true, |
| }) |
| ); |
| assert.isTrue(handleCreateGroupStub.called); |
| }); |
| |
| test('handleCloseCreate called when cancel fired', () => { |
| const handleCloseCreateStub = sinon.stub(element, 'handleCloseCreate'); |
| queryAndAssert<GrDialog>(element, '#createDialog').dispatchEvent( |
| new CustomEvent('cancel', { |
| composed: true, |
| bubbles: true, |
| }) |
| ); |
| assert.isTrue(handleCloseCreateStub.called); |
| }); |
| }); |
| }); |