import { HttpClientTestingModule } from '@angular/common/http/testing';
import { DebugElement } from '@angular/core';
import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
import { SharedModule } from '~/app/shared/shared.module';
import { NgbNavModule, NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
import { ModalCdsService } from '~/app/shared/services/modal-cds.service';
import { RgwMultisiteRealmFormComponent } from '../rgw-multisite-realm-form/rgw-multisite-realm-form.component';
+import { TableActionsComponent } from '~/app/shared/datatable/table-actions/table-actions.component';
+import { Icons } from '~/app/shared/enum/icons.enum';
+import { CdTableSelection } from '~/app/shared/models/cd-table-selection';
+import { Permission, Permissions } from '~/app/shared/models/permissions';
+import { AuthStorageService } from '~/app/shared/services/auth-storage.service';
describe('RgwMultisiteDetailsComponent', () => {
let component: RgwMultisiteDetailsComponent;
multisiteInfo: component.multisiteInfo
});
});
+
+ describe('disableActions', () => {
+ it('should return true when rgw.create is false', () => {
+ component.permissions = new Permissions({ rgw: ['read'] });
+ expect(component.disableActions).toBe(true);
+ });
+
+ it('should return false when rgw.create is true', () => {
+ component.permissions = new Permissions({ rgw: ['read', 'create'] });
+ expect(component.disableActions).toBe(false);
+ });
+ });
+
+ describe('multisite create table actions', () => {
+ const createFixture = (rgwPermissions: string[]) => {
+ spyOn(TestBed.inject(AuthStorageService), 'getPermissions').and.returnValue(
+ new Permissions({ rgw: rgwPermissions, 'config-opt': ['read'] })
+ );
+ const testFixture = TestBed.createComponent(RgwMultisiteDetailsComponent);
+ testFixture.detectChanges();
+ return testFixture;
+ };
+
+ const getMultisiteTableActions = (
+ testFixture: ComponentFixture<RgwMultisiteDetailsComponent>
+ ): TableActionsComponent =>
+ testFixture.debugElement.query(By.css('cd-table-actions.multisite-actions'))
+ .componentInstance;
+
+ it('should pass disabled=true to TableActionsComponent when rgw.create is false', () => {
+ const testFixture = createFixture(['read']);
+ const tableActions = getMultisiteTableActions(testFixture);
+ const button = testFixture.debugElement.query(
+ By.css('cd-table-actions.multisite-actions button.cds--btn--tertiary')
+ );
+
+ expect(testFixture.componentInstance.disableActions).toBe(true);
+ expect(tableActions.disabled).toBe(true);
+ expect(button.nativeElement.disabled).toBe(true);
+ });
+
+ it('should pass disabled=false to TableActionsComponent when rgw.create is true', () => {
+ const testFixture = createFixture(['read', 'create']);
+ const tableActions = getMultisiteTableActions(testFixture);
+ const button = testFixture.debugElement.query(
+ By.css('cd-table-actions.multisite-actions button.cds--btn--tertiary')
+ );
+
+ expect(testFixture.componentInstance.disableActions).toBe(false);
+ expect(tableActions.disabled).toBe(false);
+ expect(button.nativeElement.disabled).toBe(false);
+ });
+ });
+
+ describe('TableActionsComponent disabled input', () => {
+ const createTableActionsFixture = (disabled: boolean) => {
+ const tableActionsFixture = TestBed.createComponent(TableActionsComponent);
+ const tableActionsComponent = tableActionsFixture.componentInstance;
+ tableActionsComponent.permission = new Permission(['create']);
+ tableActionsComponent.dropDownOnly = 'Actions';
+ tableActionsComponent.dropDownOnlyBtnColor = 'tertiary';
+ tableActionsComponent.tableActions = [
+ { permission: 'create', icon: Icons.add, name: 'Create Realm', click: () => undefined }
+ ];
+ tableActionsComponent.selection = new CdTableSelection();
+ tableActionsComponent.disabled = disabled;
+ tableActionsFixture.detectChanges();
+ return tableActionsFixture;
+ };
+
+ const getDropdownTriggerButton = (
+ tableActionsFixture: ComponentFixture<TableActionsComponent>
+ ) => tableActionsFixture.debugElement.query(By.css('button.cds--btn--tertiary'));
+
+ it('should disable the trigger button when disabled is true', () => {
+ const tableActionsFixture = createTableActionsFixture(true);
+ const button = getDropdownTriggerButton(tableActionsFixture);
+
+ expect(tableActionsFixture.componentInstance.disabled).toBe(true);
+ expect(button.nativeElement.disabled).toBe(true);
+ });
+
+ it('should enable the trigger button when disabled is false', () => {
+ const tableActionsFixture = createTableActionsFixture(false);
+ const button = getDropdownTriggerButton(tableActionsFixture);
+
+ expect(tableActionsFixture.componentInstance.disabled).toBe(false);
+ expect(button.nativeElement.disabled).toBe(false);
+ });
+ });
});
projects / ceph.git / commitdiff