Merge branch 'master' of https://github.com/flowjs/ngx-flow into angular-20

Author: Quentigus

.github/workflows/ci-on-push.yml

@@ -0,0 +1,30 @@
+name: Angular Build & Test (PR)
+
+on:
+  push:
+    branches:
+      - "**"
+
+jobs:
+  build-test:
+    runs-on: ubuntu-latest
+    if: ${{ github.actor != 'dependabot[bot]' }}
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+      - name: Set up Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: 'npm'
+      - name: Install dependencies
+        run: npm ci
+      - name: Build Angular library
+        run: npx ng build ngx-flow
+      - name: Run unit tests
+        run: npx ng test ngx-flow --watch=false --browsers=ChromeHeadless --code-coverage
+      - name: Send coverage to QLTY
+        uses: qltysh/qlty-action/coverage@v2
+        with:
+          token: ${{secrets.QLTY_COVERAGE_TOKEN}}
+          files: coverage/ngx-flow/lcov.info

karma.base.js

@@ -29,7 +29,8 @@ module.exports = function (config, project) {
       subdir: '.',
       reporters: [
         {type: 'html'},
-        {type: 'text-summary'}
+        {type: 'text-summary'},
+        {type: 'lcov'}
       ]
     },
     specReporter: {

projects/ngx-flow/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowjs/ngx-flow",
-  "version": "20.0.0",
+  "version": "20.0.1",
   "author": {
     "name": "Martin Nuc",
     "email": "[email protected]"

projects/ngx-flow/src/lib/flow.directive.spec.ts

@@ -2,18 +2,18 @@ import { Component, PLATFORM_ID, ViewChild } from '@angular/core';
 import { ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing';
 import { first, skip } from 'rxjs/operators';
 import { FlowInjectionToken } from './flow-injection-token';
-import { FlowChangeEvent, Flow, NgxFlowEvent } from './flow.directive';
+import { FlowChangeEvent, FlowConfig, NgxFlowEvent } from './flow.directive';
 import { flowFileMockFactory } from './helpers/tests/flow-file-mock-factory';
 import { FlowMock } from './helpers/tests/flow-mock';
 import { trasnferMockFactory } from './helpers/tests/transfer-mock-factory';
 
 @Component({
   template: `<ng-container #flow="flow" [flowConfig]="config"></ng-container>`,
-  imports: [Flow]
+  imports: [FlowConfig]
 })
 class TestComponent {
   @ViewChild('flow', { static: true })
-  flow!: Flow;
+  flow!: FlowConfig;
 
   config = { target: 'http://localhost:3000/upload' };
 }
@@ -38,7 +38,7 @@ describe('Flow', () => {
 
   it('should initialize flowjs and export flow directive as template reference variable', () => {
     fixture.detectChanges();
-    expect(component.flow instanceof Flow).toBeTruthy();
+    expect(component.flow instanceof FlowConfig).toBeTruthy();
     expect(component.flow.flowJs).toBeDefined();
     expect(component.flow.flowJs.opts.target).toBe('http://localhost:3000/upload');
   });
@@ -197,7 +197,7 @@ describe('Flow (SSR)', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      imports: [TestComponent, Flow],
+      imports: [TestComponent, FlowConfig],
       providers: [
         {
           provide: FlowInjectionToken,