Skip to content

feat: add remaining unit tests for cps-ui-kit #702

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
fateeand wants to merge 1 commit into
base: master
Choose a base branch
from
Open

feat: add remaining unit tests for cps-ui-kit #702

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions projects/cps-ui-kit/src/lib/components/cps-autocomplete/cps-autocomplete.component.spec.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,8 @@ import {
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { By } from '@angular/platform-browser';
import { NoopAnimationsModule } from '@angular/platform-browser/animations';
import { CheckOptionSelectedPipe } from '../../pipes/internal/check-option-selected.pipe';
import { LabelByValuePipe } from '../../pipes/internal/label-by-value.pipe';
import { CheckOptionSelectedPipe } from '../../pipes/internal/check-option-selected/check-option-selected.pipe';
import { LabelByValuePipe } from '../../pipes/internal/label-by-value/label-by-value.pipe';
import { CpsMenuHideReason } from '../cps-menu/cps-menu.component';
import { CpsAutocompleteComponent } from './cps-autocomplete.component';
import { CPS_ROOT_FONT_SIZE_SERVICE } from '../../services/cps-root-font-size/cps-root-font-size.service';
Expand Down
8 changes: 4 additions & 4 deletions projects/cps-ui-kit/src/lib/components/cps-autocomplete/cps-autocomplete.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,12 +24,12 @@ import {
Validators
} from '@angular/forms';
import { Subject, debounceTime, distinctUntilChanged, takeUntil } from 'rxjs';
import { convertSize } from '../../utils/internal/size-utils';
import { convertSize } from '../../utils/internal/size-utils/size-utils';
import { CPS_ROOT_FONT_SIZE_SERVICE } from '../../services/cps-root-font-size/cps-root-font-size.service';
import {
generateUniqueId,
logMissingAriaLabelError
} from '../../utils/internal/accessibility-utils';
} from '../../utils/internal/accessibility-utils/accessibility-utils';
import {
CpsIconComponent,
IconType,
Expand All @@ -38,8 +38,8 @@ import {
import { CpsChipComponent } from '../cps-chip/cps-chip.component';
import { CpsProgressLinearComponent } from '../cps-progress-linear/cps-progress-linear.component';
import { CpsInfoCircleComponent } from '../cps-info-circle/cps-info-circle.component';
import { LabelByValuePipe } from '../../pipes/internal/label-by-value.pipe';
import { CheckOptionSelectedPipe } from '../../pipes/internal/check-option-selected.pipe';
import { LabelByValuePipe } from '../../pipes/internal/label-by-value/label-by-value.pipe';
import { CheckOptionSelectedPipe } from '../../pipes/internal/check-option-selected/check-option-selected.pipe';
import { isEqual } from 'lodash-es';
import { CpsTooltipPosition } from '../../directives/cps-tooltip/cps-tooltip.directive';
import {
Expand Down
4 changes: 2 additions & 2 deletions projects/cps-ui-kit/src/lib/components/cps-button-toggle/cps-button-toggle.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ import {
import { ControlValueAccessor, NgControl } from '@angular/forms';
import { isEqual } from 'lodash-es';
import { CPS_ROOT_FONT_SIZE_SERVICE } from '../../services/cps-root-font-size/cps-root-font-size.service';
import { CheckOptionSelectedPipe } from '../../pipes/internal/check-option-selected.pipe';
import { CheckOptionSelectedPipe } from '../../pipes/internal/check-option-selected/check-option-selected.pipe';
import { CpsInfoCircleComponent } from '../cps-info-circle/cps-info-circle.component';
import { CpsIconComponent } from '../cps-icon/cps-icon.component';
import {
Expand All @@ -28,7 +28,7 @@ import {
import {
generateUniqueId,
logMissingAriaLabelError
} from '../../utils/internal/accessibility-utils';
} from '../../utils/internal/accessibility-utils/accessibility-utils';

/**
* CpsButtonToggleOption is used to define the options of the CpsButtonToggleComponent.
Expand Down
11 changes: 7 additions & 4 deletions projects/cps-ui-kit/src/lib/components/cps-button/cps-button.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,13 +8,16 @@ import {
OnChanges,
OnInit,
Output,
SimpleChanges
type SimpleChanges
} from '@angular/core';
import { getCSSColor } from '../../utils/colors-utils';
import { getCSSColor } from '../../utils/colors-utils/colors-utils';
import { CpsIconComponent, IconType } from '../cps-icon/cps-icon.component';
import { CpsProgressCircularComponent } from '../cps-progress-circular/cps-progress-circular.component';
import { convertSize, parseSize } from '../../utils/internal/size-utils';
import { logMissingAriaLabelError } from '../../utils/internal/accessibility-utils';
import {
convertSize,
parseSize
} from '../../utils/internal/size-utils/size-utils';
import { logMissingAriaLabelError } from '../../utils/internal/accessibility-utils/accessibility-utils';

/**
* CpsButtonComponent is a button element.
Expand Down
4 changes: 2 additions & 2 deletions projects/cps-ui-kit/src/lib/components/cps-checkbox/cps-checkbox.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,8 @@ import { ControlValueAccessor, NgControl } from '@angular/forms';
import { CpsInfoCircleComponent } from '../cps-info-circle/cps-info-circle.component';
import { CpsTooltipPosition } from '../../directives/cps-tooltip/cps-tooltip.directive';
import { CpsIconComponent, IconType } from '../cps-icon/cps-icon.component';
import { getCSSColor } from '../../utils/colors-utils';
import { logMissingAriaLabelError } from '../../utils/internal/accessibility-utils';
import { getCSSColor } from '../../utils/colors-utils/colors-utils';
import { logMissingAriaLabelError } from '../../utils/internal/accessibility-utils/accessibility-utils';

/**
* CpsCheckboxComponent is a checkbox element.
Expand Down
4 changes: 2 additions & 2 deletions projects/cps-ui-kit/src/lib/components/cps-datepicker/cps-datepicker.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ import {
import { ControlValueAccessor, FormsModule, NgControl } from '@angular/forms';
import { CpsInputComponent } from '../cps-input/cps-input.component';
import { Subscription } from 'rxjs';
import { convertSize } from '../../utils/internal/size-utils';
import { convertSize } from '../../utils/internal/size-utils/size-utils';
import { CpsTooltipPosition } from '../../directives/cps-tooltip/cps-tooltip.directive';
import {
CpsMenuComponent,
Expand All @@ -25,7 +25,7 @@ import { DatePicker, DatePickerModule } from 'primeng/datepicker';
import {
logMissingAriaLabelError,
generateUniqueId
} from '../../utils/internal/accessibility-utils';
} from '../../utils/internal/accessibility-utils/accessibility-utils';

/**
* CpsDatepickerAppearanceType is used to define the border of the datepicker input.
Expand Down
4 changes: 2 additions & 2 deletions projects/cps-ui-kit/src/lib/components/cps-divider/cps-divider.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,8 @@ import {
inject,
input
} from '@angular/core';
import { getCSSColor } from '../../utils/colors-utils';
import { convertSize } from '../../utils/internal/size-utils';
import { getCSSColor } from '../../utils/colors-utils/colors-utils';
import { convertSize } from '../../utils/internal/size-utils/size-utils';
import { DOCUMENT } from '@angular/common';

/**
Expand Down
8 changes: 4 additions & 4 deletions projects/cps-ui-kit/src/lib/components/cps-expansion-panel/cps-expansion-panel.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,9 +14,9 @@ import {
type SimpleChanges
} from '@angular/core';
import { CpsIconComponent, IconType } from '../cps-icon/cps-icon.component';
import { getCSSColor } from '../../utils/colors-utils';
import { convertSize } from '../../utils/internal/size-utils';
import { generateUniqueId } from '../../utils/internal/accessibility-utils';
import { getCSSColor } from '../../utils/colors-utils/colors-utils';
import { convertSize } from '../../utils/internal/size-utils/size-utils';
import { generateUniqueId } from '../../utils/internal/accessibility-utils/accessibility-utils';
import {
AnimationBuilder,
AnimationFactory,
Expand All @@ -30,7 +30,7 @@ import {
import {
prefersReducedMotion,
REDUCED_MOTION_DURATION
} from '../../utils/internal/motion-utils';
} from '../../utils/internal/motion-utils/motion-utils';

const transitionType = '0.2s cubic-bezier(0.4, 0, 0.2, 1)';

Expand Down
6 changes: 3 additions & 3 deletions projects/cps-ui-kit/src/lib/components/cps-file-upload/cps-file-upload.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,12 +11,12 @@ import {
OnDestroy,
OnInit,
Output,
SimpleChanges,
type SimpleChanges,
ViewChild
} from '@angular/core';
import { catchError, Observable, of, Subject, take, takeUntil } from 'rxjs';
import { convertSize } from '../../utils/internal/size-utils';
import { focusElement } from '../../utils/internal/accessibility-utils';
import { convertSize } from '../../utils/internal/size-utils/size-utils';
import { focusElement } from '../../utils/internal/accessibility-utils/accessibility-utils';
import { CpsIconComponent } from '../cps-icon/cps-icon.component';
import {
CpsTooltipDirective,
Expand Down
4 changes: 2 additions & 2 deletions projects/cps-ui-kit/src/lib/components/cps-icon/cps-icon.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,8 +11,8 @@ import {
Renderer2,
type SimpleChanges
} from '@angular/core';
import { getCSSColor } from '../../utils/colors-utils';
import { convertSize } from '../../utils/internal/size-utils';
import { getCSSColor } from '../../utils/colors-utils/colors-utils';
import { convertSize } from '../../utils/internal/size-utils/size-utils';

/**
* Injection token that is used to provide the path to the icons.
Expand Down
69 changes: 69 additions & 0 deletions projects/cps-ui-kit/src/lib/components/cps-info-circle/cps-info-circle.component.spec.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { By } from '@angular/platform-browser';
import { CpsInfoCircleComponent } from './cps-info-circle.component';
import { CpsIconComponent } from '../cps-icon/cps-icon.component';
import { CpsTooltipDirective } from '../../directives/cps-tooltip/cps-tooltip.directive';

describe('CpsInfoCircleComponent', () => {
let component: CpsInfoCircleComponent;
let fixture: ComponentFixture<CpsInfoCircleComponent>;

beforeEach(async () => {
await TestBed.configureTestingModule({
imports: [CpsInfoCircleComponent]
}).compileComponents();

fixture = TestBed.createComponent(CpsInfoCircleComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});

it('should create', () => {
expect(component).toBeTruthy();
});

it('should apply default input values', () => {
expect(component.size).toBe('small');
expect(component.tooltipText).toBe('');
expect(component.tooltipPosition).toBe('top');
expect(component.tooltipContentClass).toBe('cps-tooltip-content');
expect(component.tooltipMaxWidth).toBe('100%');
expect(component.tooltipPersistent).toBe(false);
});

it('should render a cps-icon element and pass size through to it', () => {
const icon = fixture.debugElement.query(By.directive(CpsIconComponent));
expect(icon).toBeTruthy();
expect(icon.componentInstance.size).toBe('small');
});

it('should update the icon size when the size input changes', () => {
fixture.componentRef.setInput('size', 'large');
fixture.detectChanges();

const icon = fixture.debugElement.query(By.directive(CpsIconComponent));
expect(icon.componentInstance.size).toBe('large');
});

it('should wire the CpsTooltipDirective with the configured tooltip inputs', () => {
fixture.componentRef.setInput('tooltipText', 'Some helpful text');
fixture.componentRef.setInput('tooltipPosition', 'bottom');
fixture.componentRef.setInput('tooltipContentClass', 'my-tooltip-class');
fixture.componentRef.setInput('tooltipMaxWidth', 200);
fixture.componentRef.setInput('tooltipPersistent', true);
fixture.detectChanges();

const tooltip = fixture.debugElement.query(
By.directive(CpsTooltipDirective)
);
expect(tooltip).toBeTruthy();

const directive: CpsTooltipDirective =
tooltip.injector.get(CpsTooltipDirective);
expect(directive.tooltip()).toBe('Some helpful text');
expect(directive.tooltipPosition()).toBe('bottom');
expect(directive.tooltipContentClass()).toBe('my-tooltip-class');
expect(directive.tooltipMaxWidth()).toBe(200);
expect(directive.tooltipPersistent()).toBe(true);
});
});
6 changes: 3 additions & 3 deletions projects/cps-ui-kit/src/lib/components/cps-input/cps-input.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,12 +10,12 @@ import {
Optional,
Output,
Self,
SimpleChanges
type SimpleChanges
} from '@angular/core';
import { ControlValueAccessor, NgControl, Validators } from '@angular/forms';
import { Subscription } from 'rxjs';
import { CpsTooltipPosition } from '../../directives/cps-tooltip/cps-tooltip.directive';
import { convertSize } from '../../utils/internal/size-utils';
import { convertSize } from '../../utils/internal/size-utils/size-utils';
import {
CpsIconComponent,
IconType,
Expand All @@ -26,7 +26,7 @@ import { CpsProgressLinearComponent } from '../cps-progress-linear/cps-progress-
import {
generateUniqueId,
logMissingAriaLabelError
} from '../../utils/internal/accessibility-utils';
} from '../../utils/internal/accessibility-utils/accessibility-utils';

/**
* CpsInputAppearanceType is used to define the border of the input field.
Expand Down
4 changes: 2 additions & 2 deletions projects/cps-ui-kit/src/lib/components/cps-loader/cps-loader.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,8 @@ import {
OnInit,
type SimpleChanges
} from '@angular/core';
import { getCSSColor } from '../../utils/colors-utils';
import { logMissingAriaLabelError } from '../../utils/internal/accessibility-utils';
import { getCSSColor } from '../../utils/colors-utils/colors-utils';
import { logMissingAriaLabelError } from '../../utils/internal/accessibility-utils/accessibility-utils';
import { CPS_LIVE_ANNOUNCER_SERVICE } from '../../services/cps-live-announcer/cps-live-announcer.service';

/**
Expand Down
4 changes: 2 additions & 2 deletions projects/cps-ui-kit/src/lib/components/cps-menu/cps-menu.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ import {
Output,
PLATFORM_ID,
Renderer2,
SimpleChanges,
type SimpleChanges,
ViewChild,
ViewEncapsulation,
ViewRef,
Expand All @@ -40,7 +40,7 @@ import { CPS_FOCUS_SERVICE } from '../../services/cps-focus/cps-focus.service';
import {
prefersReducedMotion,
REDUCED_MOTION_DURATION
} from '../../utils/internal/motion-utils';
} from '../../utils/internal/motion-utils/motion-utils';

type Nullable<T = void> = T | null | undefined;
type VoidListener = () => void | null | undefined;
Expand Down
2 changes: 1 addition & 1 deletion projects/cps-ui-kit/src/lib/components/cps-paginator/cps-paginator.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ import {
import { DOCUMENT } from '@angular/common';
import { Paginator, PaginatorModule } from 'primeng/paginator';
import { CpsSelectComponent } from '../cps-select/cps-select.component';
import { getCSSColor } from '../../utils/colors-utils';
import { getCSSColor } from '../../utils/colors-utils/colors-utils';
import { FormsModule } from '@angular/forms';
import { isEqual } from 'lodash-es';

Expand Down
4 changes: 2 additions & 2 deletions ...ts/cps-ui-kit/src/lib/components/cps-progress-circular/cps-progress-circular.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,8 @@ import {
inject,
type SimpleChanges
} from '@angular/core';
import { convertSize } from '../../utils/internal/size-utils';
import { getCSSColor } from '../../utils/colors-utils';
import { convertSize } from '../../utils/internal/size-utils/size-utils';
import { getCSSColor } from '../../utils/colors-utils/colors-utils';

/**
* CpsProgressCircularComponent is a process status indicator in a form of a spinner.
Expand Down
4 changes: 2 additions & 2 deletions projects/cps-ui-kit/src/lib/components/cps-progress-linear/cps-progress-linear.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,8 @@ import {
inject,
input
} from '@angular/core';
import { getCSSColor } from '../../utils/colors-utils';
import { convertSize } from '../../utils/internal/size-utils';
import { getCSSColor } from '../../utils/colors-utils/colors-utils';
import { convertSize } from '../../utils/internal/size-utils/size-utils';

/**
* CpsProgressLinearComponent is a process status indicator of a rectangular form.
Expand Down
Loading
Loading