feat(rx): increase test coverage

Author: michaelbe812

libs/rx/platform/src/lib/create-intersection-observer.spec.ts

@@ -1,4 +1,4 @@
-import {createElementRef, mockIntersectionObserver} from '@angular-kit/testing';
+import {createElementRef, mockIntersectionObserver} from '@angular-kit/test-helpers';
 import {createIntersectionObserver} from './create-intersection-observer';
 import {subscribeSpyTo} from '@hirez_io/observer-spy';
 import {fakeAsync, tick} from '@angular/core/testing';

libs/rx/platform/src/lib/create-mutation-observer.spec.ts

@@ -1,6 +1,6 @@
 import {createMutationObserver} from './create-mutation-observer';
 import {subscribeSpyTo} from '@hirez_io/observer-spy';
-import {createElementRef, mockMutationObserver} from '@angular-kit/testing';
+import {createElementRef, mockMutationObserver} from '@angular-kit/test-helpers';
 import {fakeAsync, tick} from '@angular/core/testing';
 
 describe('createMutationObserver', () => {

libs/rx/platform/src/lib/create-resize-observer.spec.ts

@@ -1,7 +1,7 @@
 import {createResizeObserver} from './create-resize-observer';
 import {fakeAsync, tick} from '@angular/core/testing';
 import {subscribeSpyTo} from '@hirez_io/observer-spy';
-import {createElementRef, mockResizeObserver} from '@angular-kit/testing';
+import {createElementRef, mockResizeObserver} from '@angular-kit/test-helpers';
 
 describe('createResizeObserver', () => {
   describe('supported', () => {

libs/rx/platform/src/lib/directives/observe-intersection.directive.ts

@@ -2,7 +2,7 @@ import {Directive, NgModule} from '@angular/core';
 import {CommonModule} from '@angular/common';
 
 @Directive({
-  selector: '[angularKitObserveIntersection]',
+  selector: '[observeIntersection]',
 })
 export class ObserveIntersectionDirective {
   // todo

libs/rx/platform/src/lib/directives/observe-resize.directive.spec.ts

@@ -1,13 +1,23 @@
 import {ObserveResizeDirective, ObserveResizeDirectiveModule} from './observe-resize.directive';
-import {Component} from '@angular/core';
-import {ComponentFixture, TestBed} from '@angular/core/testing';
-import {mockResizeObserver} from '@angular-kit/testing';
+import {Component, ViewChild} from '@angular/core';
+import {ComponentFixture, fakeAsync, TestBed, tick} from '@angular/core/testing';
+import {mockResizeObserver} from '@angular-kit/test-helpers';
+import {subscribeSpyTo} from "@hirez_io/observer-spy";
 
 describe('ObserveResizeDirective', () => {
   it('should create an instance', async () => {
     const { testComponent } = await create();
     expect(testComponent).toBeTruthy();
   });
+
+  it('should emit on resize', fakeAsync (async () => {
+    const {testComponent, fixture} = await create();
+    const result = subscribeSpyTo(testComponent.directive.resizeEvent);
+
+    fixture.nativeElement.dispatchEvent(new Event('resize'));
+    tick(1000)
+    expect(result.getValues().length).toEqual(1)
+  }));
 });
 
 async function create() {
@@ -26,6 +36,7 @@ async function create() {
     `,
   })
   class TestComponent {
+    @ViewChild(ObserveResizeDirective, {static: true}) directive!: ObserveResizeDirective;
     onResize = jest.fn();
     observe = true;
   }

libs/rx/platform/src/lib/directives/observe-resize.directive.ts

@@ -2,8 +2,8 @@ import {Directive, ElementRef, Input, NgModule, OnDestroy, Output} from '@angula
 import {CommonModule} from '@angular/common';
 import {Subscription} from 'rxjs';
 import {createResizeObserver, ResizeObserverConfig} from '../create-resize-observer';
-import {createSignal} from '@code-workers.io/angular-kit/rx/signal';
-import {Nullable} from '@code-workers.io/angular-kit/cdk/types';
+import {createSignal} from '@angular-kit/rx/signal';
+import {Nullable} from '@angular-kit/cdk/types';
 
 @Directive({
   selector: '[observeResize]',

libs/testing/.eslintrc.json renamed to libs/test-helpers/.eslintrc.json

@@ -1,7 +1,7 @@
-# testing
+# test-helpers
 
 This library was generated with [Nx](https://nx.dev).
 
 ## Running unit tests
 
-Run `nx test testing` to execute the unit tests.
+Run `nx test test-helpers` to execute the unit tests.

libs/testing/README.md renamed to libs/test-helpers/README.md

@@ -1,6 +1,6 @@
 /* eslint-disable */
 export default {
-  displayName: 'testing',
+  displayName: 'test-helpers',
   preset: '../../jest.preset.js',
   setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
   globals: {
@@ -9,7 +9,7 @@ export default {
       stringifyContentPathRegex: '\\.(html|svg)$',
     },
   },
-  coverageDirectory: '../../coverage/libs/testing',
+  coverageDirectory: '../../coverage/libs/test-helpers',
   transform: {
     '^.+\\.(ts|mjs|js|html)$': 'jest-preset-angular',
   },

libs/testing/jest.config.ts renamed to libs/test-helpers/jest.config.ts

@@ -1,6 +1,6 @@
 {
   "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/libs/testing",
+  "dest": "../../dist/libs/test-helpers",
   "lib": {
     "entryFile": "src/index.ts"
   }