@kirbydesign/designsystem 0.0.0

package/testing-base/src/lib/directives/mock.fit-heading.directive.ts

@@ -0,0 +1,19 @@
+import { Directive, forwardRef, Input } from '@angular/core';
+
+import { FitHeadingConfig, FitHeadingDirective } from '@kirbydesign/designsystem';
+
+@Directive({
+  selector: `h1[kirbyFitHeading],
+             h2[kirbyFitHeading],
+             h3[kirbyFitHeading]`,
+  providers: [
+    {
+      provide: FitHeadingDirective,
+      useExisting: forwardRef(() => MockFitHeadingDirective),
+    },
+  ],
+})
+export class MockFitHeadingDirective {
+  // tslint:disable-next-line:no-input-rename
+  @Input('kirbyFitHeading') config?: FitHeadingConfig;
+}

package/testing-base/src/lib/directives/mock.theme-color.directive.ts

@@ -0,0 +1,19 @@
+import { Directive, forwardRef, Input } from '@angular/core';
+
+import { ThemeColor, ThemeColorDirective } from '@kirbydesign/designsystem';
+
+@Directive({
+  // tslint:disable-next-line:directive-selector
+  selector: `kirby-card[themeColor],
+             kirby-icon[themeColor],
+             kirby-empty-state[themeColor]`,
+  providers: [
+    {
+      provide: ThemeColorDirective,
+      useExisting: forwardRef(() => MockThemeColorDirective),
+    },
+  ],
+})
+export class MockThemeColorDirective {
+  @Input() themeColor: ThemeColor;
+}

package/testing-base/src/lib/index.ts

@@ -0,0 +1,4 @@
+export * from './components';
+export * from './directives';
+
+export { KirbyTestingBaseModule } from './kirby-testing-base.module';

package/testing-base/src/lib/kirby-testing-base.module.ts

@@ -0,0 +1,10 @@
+import { NgModule } from '@angular/core';
+
+import { MOCK_COMPONENTS } from './mock-components';
+import { MOCK_DIRECTIVES } from './mock-directives';
+
+@NgModule({
+  declarations: [MOCK_COMPONENTS, MOCK_DIRECTIVES],
+  exports: [MOCK_COMPONENTS, MOCK_DIRECTIVES],
+})
+export class KirbyTestingBaseModule {}

package/testing-base/src/lib/mock-components.ts

@@ -0,0 +1,133 @@
+// AUTO-GENERATED - PLEASE DON'T EDIT THIS FILE MANUALLY
+
+import { MockAccordionItemComponent } from './components/mock.accordion-item.component';
+import { MockActionSheetComponent } from './components/mock.action-sheet.component';
+import { MockAppComponent } from './components/mock.app.component';
+import { MockAvatarComponent } from './components/mock.avatar.component';
+import { MockButtonComponent } from './components/mock.button.component';
+import { MockCalendarComponent } from './components/mock.calendar.component';
+import { MockCardFooterComponent } from './components/mock.card-footer.component';
+import { MockCardHeaderComponent } from './components/mock.card-header.component';
+import { MockCardComponent } from './components/mock.card.component';
+import { MockChartDeprecatedComponent } from './components/mock.chart-deprecated.component';
+import { MockChartComponent } from './components/mock.chart.component';
+import { MockCheckboxComponent } from './components/mock.checkbox.component';
+import { MockChipComponent } from './components/mock.chip.component';
+import { MockDividerComponent } from './components/mock.divider.component';
+import { MockDropdownComponent } from './components/mock.dropdown.component';
+import { MockEmptyStateComponent } from './components/mock.empty-state.component';
+import { MockFabSheetComponent } from './components/mock.fab-sheet.component';
+import { MockFlagComponent } from './components/mock.flag.component';
+import { MockFormFieldMessageComponent } from './components/mock.form-field-message.component';
+import { MockFormFieldComponent } from './components/mock.form-field.component';
+import { MockGridComponent } from './components/mock.grid.component';
+import { MockIconComponent } from './components/mock.icon.component';
+import { MockInputCounterComponent } from './components/mock.input-counter.component';
+import { MockInputComponent } from './components/mock.input.component';
+import { MockItemGroupComponent } from './components/mock.item-group.component';
+import { MockItemSlidingComponent } from './components/mock.item-sliding.component';
+import { MockItemComponent } from './components/mock.item.component';
+import { MockLabelComponent } from './components/mock.label.component';
+import { MockListExperimentalComponent } from './components/mock.list-experimental.component';
+import { MockListHeaderComponent } from './components/mock.list-header.component';
+import { MockListItemComponent } from './components/mock.list-item.component';
+import { MockListSectionHeaderComponent } from './components/mock.list-section-header.component';
+import { MockListComponent } from './components/mock.list.component';
+import { MockLoadingOverlayComponent } from './components/mock.loading-overlay.component';
+import { MockModalFooterComponent } from './components/mock.modal-footer.component';
+import { MockPageFooterComponent } from './components/mock.page-footer.component';
+import {
+  MockPageActionsComponent,
+  MockPageActionsDirective,
+  MockPageComponent,
+  MockPageContentComponent,
+  MockPageContentDirective,
+  MockPageProgressComponent,
+  MockPageSubtitleDirective,
+  MockPageTitleComponent,
+  MockPageTitleDirective,
+  MockPageToolbarTitleDirective,
+} from './components/mock.page.component';
+import { MockPopoverComponent } from './components/mock.popover.component';
+import { MockProgressCircleComponent } from './components/mock.progress-circle.component';
+import { MockRadioGroupComponent } from './components/mock.radio-group.component';
+import { MockRadioComponent } from './components/mock.radio.component';
+import { MockRangeComponent } from './components/mock.range.component';
+import { MockReorderListComponent } from './components/mock.reorder-list.component';
+import { MockRouterOutletComponent } from './components/mock.router-outlet.component';
+import { MockSectionHeaderComponent } from './components/mock.section-header.component';
+import { MockSegmentedControlComponent } from './components/mock.segmented-control.component';
+import { MockSlideButtonComponent } from './components/mock.slide-button.component';
+import { MockSpinnerComponent } from './components/mock.spinner.component';
+import { MockTabButtonComponent } from './components/mock.tab-button.component';
+import { MockTabsComponent } from './components/mock.tabs.component';
+import { MockTextareaComponent } from './components/mock.textarea.component';
+import { MockToggleButtonComponent } from './components/mock.toggle-button.component';
+import { MockToggleComponent } from './components/mock.toggle.component';
+import { MockBadgeComponent } from './components/mock.web-component-proxies.component';
+
+export const MOCK_COMPONENTS = [
+  MockAccordionItemComponent,
+  MockAppComponent,
+  MockAvatarComponent,
+  MockButtonComponent,
+  MockCalendarComponent,
+  MockCardFooterComponent,
+  MockCardHeaderComponent,
+  MockCardComponent,
+  MockChartComponent,
+  MockChartDeprecatedComponent,
+  MockCheckboxComponent,
+  MockChipComponent,
+  MockDividerComponent,
+  MockDropdownComponent,
+  MockEmptyStateComponent,
+  MockFabSheetComponent,
+  MockFlagComponent,
+  MockFormFieldMessageComponent,
+  MockFormFieldComponent,
+  MockInputComponent,
+  MockInputCounterComponent,
+  MockTextareaComponent,
+  MockGridComponent,
+  MockIconComponent,
+  MockItemComponent,
+  MockLabelComponent,
+  MockItemGroupComponent,
+  MockItemSlidingComponent,
+  MockListExperimentalComponent,
+  MockListHeaderComponent,
+  MockListItemComponent,
+  MockListSectionHeaderComponent,
+  MockListComponent,
+  MockLoadingOverlayComponent,
+  MockActionSheetComponent,
+  MockModalFooterComponent,
+  MockPageFooterComponent,
+  MockPageTitleDirective,
+  MockPageSubtitleDirective,
+  MockPageToolbarTitleDirective,
+  MockPageActionsDirective,
+  MockPageContentDirective,
+  MockPageProgressComponent,
+  MockPageTitleComponent,
+  MockPageContentComponent,
+  MockPageActionsComponent,
+  MockPageComponent,
+  MockPopoverComponent,
+  MockProgressCircleComponent,
+  MockRadioGroupComponent,
+  MockRadioComponent,
+  MockRangeComponent,
+  MockReorderListComponent,
+  MockRouterOutletComponent,
+  MockSectionHeaderComponent,
+  MockSegmentedControlComponent,
+  MockSlideButtonComponent,
+  MockSpinnerComponent,
+  MockTabButtonComponent,
+  MockTabsComponent,
+  MockToggleComponent,
+  MockToggleButtonComponent,
+  MockBadgeComponent,
+];

package/testing-base/src/lib/mock-directives.ts

@@ -0,0 +1,9 @@
+import { MockAccordionDirective } from './directives/mock.accordion.directive';
+import { MockFitHeadingDirective } from './directives/mock.fit-heading.directive';
+import { MockThemeColorDirective } from './directives/mock.theme-color.directive';
+
+export const MOCK_DIRECTIVES = [
+  MockThemeColorDirective,
+  MockFitHeadingDirective,
+  MockAccordionDirective,
+];

package/testing-base/src/public_api.ts

@@ -0,0 +1 @@
+export * from './lib/index';

package/testing-base/src/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "paths": {
+      "@kirbydesign/designsystem": ["libs/designsystem/src/lib/index.ts"]
+    }
+  },
+  "include": ["../../**/*.ts"]
+}

package/testing-jasmine/ng-package.json

@@ -0,0 +1,3 @@
+{
+  "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json"
+}

package/testing-jasmine/src/lib/kirby-testing.module.ts

@@ -0,0 +1,14 @@
+/// <reference path='../../../../../node_modules/@types/jasmine/index.d.ts' />
+
+import { NgModule } from '@angular/core';
+
+import { KirbyTestingBaseModule } from '@kirbydesign/designsystem/testing-base';
+
+import { MOCK_PROVIDERS } from './mock-providers';
+
+@NgModule({
+  imports: [KirbyTestingBaseModule],
+  exports: [KirbyTestingBaseModule],
+  providers: [...MOCK_PROVIDERS],
+})
+export class KirbyTestingModule {}

package/testing-jasmine/src/lib/mock-providers.ts

@@ -0,0 +1,68 @@
+// AUTO-GENERATED - PLEASE DON'T EDIT THIS FILE MANUALLY
+
+import { EMPTY } from 'rxjs';
+
+import {
+  IconRegistryService,
+  LoadingOverlayService,
+  ModalController,
+  TabsService,
+  ToastController,
+} from '@kirbydesign/designsystem';
+
+export function iconRegistryServiceFactory() {
+  return jasmine.createSpyObj<IconRegistryService>('IconRegistryService', ['addIcon', 'addIcons']);
+}
+
+export function loadingOverlayServiceFactory() {
+  return jasmine.createSpyObj<LoadingOverlayService>('LoadingOverlayService', [
+    'showLoadingOverlay',
+    'hideLoadingOverlay',
+  ]);
+}
+
+export function modalControllerFactory() {
+  return jasmine.createSpyObj<ModalController>('ModalController', [
+    'showModal',
+    'navigateToModal',
+    'navigateWithinModal',
+    'showActionSheet',
+    'showAlert',
+    'registerPresentingElement',
+    'hideTopmost',
+    'scrollToTop',
+    'scrollToBottom',
+    'hideAll',
+  ]);
+}
+
+export function tabsServiceFactory() {
+  return jasmine.createSpyObj<TabsService>('TabsService', ['setOutlet'], { outlet$: EMPTY });
+}
+
+export function toastControllerFactory() {
+  return jasmine.createSpyObj<ToastController>('ToastController', ['showToast']);
+}
+
+export const MOCK_PROVIDERS = [
+  {
+    provide: IconRegistryService,
+    useFactory: iconRegistryServiceFactory,
+  },
+  {
+    provide: LoadingOverlayService,
+    useFactory: loadingOverlayServiceFactory,
+  },
+  {
+    provide: ModalController,
+    useFactory: modalControllerFactory,
+  },
+  {
+    provide: TabsService,
+    useFactory: tabsServiceFactory,
+  },
+  {
+    provide: ToastController,
+    useFactory: toastControllerFactory,
+  },
+];

package/testing-jasmine/src/public_api.ts

@@ -0,0 +1 @@
+export * from './lib/kirby-testing.module';

package/testing-jasmine/src/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "paths": {
+      "@kirbydesign/designsystem": ["libs/designsystem/src/index.ts"],
+      "@kirbydesign/designsystem/testing-base": ["libs/designsystem/testing-base/src/public_api.ts"]
+    }
+  },
+  "include": ["../../**/*.ts"]
+}

package/testing-jest/ng-package.json

@@ -0,0 +1,3 @@
+{
+  "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json"
+}

package/testing-jest/src/lib/kirby-testing.module.ts

@@ -0,0 +1,14 @@
+/// <reference path='../../../../../node_modules/@types/jest/index.d.ts' />
+
+import { NgModule } from '@angular/core';
+
+import { KirbyTestingBaseModule } from '@kirbydesign/designsystem/testing-base';
+
+import { MOCK_PROVIDERS } from './mock-providers';
+
+@NgModule({
+  imports: [KirbyTestingBaseModule],
+  exports: [KirbyTestingBaseModule],
+  providers: [...MOCK_PROVIDERS],
+})
+export class KirbyTestingModule {}

package/testing-jest/src/lib/mock-providers.ts

@@ -0,0 +1,76 @@
+// AUTO-GENERATED - PLEASE DON'T EDIT THIS FILE MANUALLY
+
+import { EMPTY } from 'rxjs';
+
+import {
+  IconRegistryService,
+  LoadingOverlayService,
+  ModalController,
+  TabsService,
+  ToastController,
+} from '@kirbydesign/designsystem';
+
+export function iconRegistryServiceFactory() {
+  return {
+    addIcon: jest.fn(),
+    addIcons: jest.fn(),
+  };
+}
+
+export function loadingOverlayServiceFactory() {
+  return {
+    showLoadingOverlay: jest.fn(),
+    hideLoadingOverlay: jest.fn(),
+  };
+}
+
+export function modalControllerFactory() {
+  return {
+    showModal: jest.fn(),
+    navigateToModal: jest.fn(),
+    navigateWithinModal: jest.fn(),
+    showActionSheet: jest.fn(),
+    showAlert: jest.fn(),
+    registerPresentingElement: jest.fn(),
+    hideTopmost: jest.fn(),
+    scrollToTop: jest.fn(),
+    scrollToBottom: jest.fn(),
+    hideAll: jest.fn(),
+  };
+}
+
+export function tabsServiceFactory() {
+  return {
+    setOutlet: jest.fn(),
+    outlet$: EMPTY,
+  };
+}
+
+export function toastControllerFactory() {
+  return {
+    showToast: jest.fn(),
+  };
+}
+
+export const MOCK_PROVIDERS = [
+  {
+    provide: IconRegistryService,
+    useFactory: iconRegistryServiceFactory,
+  },
+  {
+    provide: LoadingOverlayService,
+    useFactory: loadingOverlayServiceFactory,
+  },
+  {
+    provide: ModalController,
+    useFactory: modalControllerFactory,
+  },
+  {
+    provide: TabsService,
+    useFactory: tabsServiceFactory,
+  },
+  {
+    provide: ToastController,
+    useFactory: toastControllerFactory,
+  },
+];

package/testing-jest/src/public_api.ts

@@ -0,0 +1 @@
+export * from './lib/kirby-testing.module';

package/testing-jest/src/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "paths": {
+      "@kirbydesign/designsystem": ["libs/designsystem/src/index.ts"],
+      "@kirbydesign/designsystem/testing-base": ["libs/designsystem/testing-base/src/public_api.ts"]
+    }
+  },
+  "include": ["../../**/*.ts"]
+}

package/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "esModuleInterop": true,
+    "paths": {}
+  },
+  "include": [],
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ]
+}

package/tsconfig.lib.json

@@ -0,0 +1,23 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "target": "es2015",
+    "declaration": true,
+    "inlineSources": true,
+    "types": [],
+    "lib": ["dom", "es2018"]
+  },
+  "angularCompilerOptions": {
+    "annotateForClosureCompiler": true,
+    "skipTemplateCodegen": true,
+    "strictMetadataEmit": true,
+    "fullTemplateTypeCheck": true,
+    "strictInjectionParameters": true,
+    "enableResourceInlining": true,
+    "inlineSourceMap": true,
+    "compilationMode": "partial"
+  },
+  "exclude": ["src/test.ts", "**/*.spec.ts"],
+  "include": ["**/*.ts"]
+}

package/tsconfig.spec.json

@@ -0,0 +1,9 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "types": ["jasmine", "node"]
+  },
+  "files": ["src/test.ts"],
+  "include": ["**/*.spec.ts", "**/*.d.ts"]
+}

package/tslint.json

@@ -0,0 +1,10 @@
+{
+  "extends": "../../tslint.json",
+  "rules": {
+    "directive-selector": [true, "attribute", "kirby", "camelCase"],
+    "component-selector": [true, "element", "kirby", "kebab-case"]
+  },
+  "linterOptions": {
+    "exclude": ["src/lib/components/angular-component-lib/**.*"]
+  }
+}