Update for yFiles for HTML 3.0.0.3

Author: michabaur

integration-howto.md

@@ -24,7 +24,7 @@ Adding yFiles as a dependency is almost as easy as installing an external librar
    ```
    "dependencies": {
      ...
-     "@yfiles/yfiles": "../yFiles-for-HTML-Complete-3.0.0.1-Evaluation/lib/yfiles-30.0.1+eval-dev.tgz"
+     "@yfiles/yfiles": "../yFiles-for-HTML-Complete-3.0.0.3-Evaluation/lib/yfiles-30.0.3+eval-dev.tgz"
    },
    ```
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yfiles/yfiles-angular-integration-basic",
-  "version": "30.0.1",
+  "version": "30.0.3",
   "author": "yWorks GmbH <yfileshtml@yworks.com>",
   "scripts": {
     "ng": "ng",
@@ -9,34 +9,33 @@
     "watch": "ng build --watch --configuration development",
     "test": "ng test",
     "postinstall": "npm run copy-eval-license",
-    "copy-eval-license": "node -e \"require('fs').copyFileSync('../yFiles-for-HTML-Complete-3.0.0.1-Evaluation/lib/license.json','./src/license.json')\""
+    "copy-eval-license": "node -e \"require('fs').copyFileSync('../yFiles-for-HTML-Complete-3.0.0.3-Evaluation/lib/license.json','./src/license.json')\""
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^19.1.5",
-    "@angular/common": "^19.1.5",
-    "@angular/compiler": "^19.1.5",
-    "@angular/core": "^19.1.5",
-    "@angular/forms": "^19.1.5",
-    "@angular/platform-browser": "^19.1.5",
-    "@angular/platform-browser-dynamic": "^19.1.5",
-    "@angular/router": "^19.1.5",
+    "@angular/animations": "^20.1.4",
+    "@angular/common": "^20.1.4",
+    "@angular/compiler": "^20.1.4",
+    "@angular/core": "^20.1.4",
+    "@angular/forms": "^20.1.4",
+    "@angular/platform-browser": "^20.1.4",
+    "@angular/router": "^20.1.4",
     "rxjs": "~7.8.1",
     "tslib": "^2.8.1",
     "zone.js": "~0.15.0",
-    "@yfiles/yfiles": "../yFiles-for-HTML-Complete-3.0.0.1-Evaluation/lib/yfiles-30.0.1+eval-dev.tgz"
+    "@yfiles/yfiles": "../yFiles-for-HTML-Complete-3.0.0.3-Evaluation/lib/yfiles-30.0.3+eval-dev.tgz"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^19.1.6",
-    "@angular/cli": "^19.1.6",
-    "@angular/compiler-cli": "^19.1.5",
-    "@types/jasmine": "~5.1.5",
-    "jasmine-core": "~5.6.0",
+    "@angular-devkit/build-angular": "^20.1.4",
+    "@angular/cli": "^20.1.4",
+    "@angular/compiler-cli": "^20.1.4",
+    "@types/jasmine": "~5.1.8",
+    "jasmine-core": "~5.9.0",
     "karma": "~6.4.4",
     "karma-chrome-launcher": "~3.2.0",
     "karma-coverage": "~2.2.1",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
-    "typescript": "~5.7.3"
+    "typescript": "~5.8.3"
   }
 }

src/app/app.component.spec.ts

@@ -4,7 +4,7 @@ import { AppComponent } from './app.component'
 describe('AppComponent', () => {
   beforeEach(() =>
     TestBed.configureTestingModule({
-      declarations: [AppComponent],
+      imports: [AppComponent],
     }),
   )
 
@@ -24,8 +24,8 @@ describe('AppComponent', () => {
     const fixture = TestBed.createComponent(AppComponent)
     fixture.detectChanges()
     const compiled = fixture.nativeElement as HTMLElement
-    expect(compiled.querySelector('.content span')?.textContent).toContain(
-      'yfiles-angular-integration-basic app is running!',
+    expect(compiled.querySelector('.header h1')?.textContent).toContain(
+      'A Basic yFiles Integration in Angular',
     )
   })
 })

src/app/graph-component/graph-component.component.spec.ts

@@ -8,7 +8,7 @@ describe('GraphComponentComponent', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      declarations: [GraphComponentComponent]
+      imports: [GraphComponentComponent]
     })
     fixture = TestBed.createComponent(GraphComponentComponent)
     component = fixture.componentInstance

src/app/graph-component/graph-component.component.ts

@@ -19,7 +19,7 @@ export class GraphComponentComponent implements AfterViewInit {
       this.graphComponent = this.initializeGraphComponent()
     }
     // center the newly created graph
-    this.graphComponent.fitGraphBounds()
+    void this.graphComponent.fitGraphBounds()
   }
 
   initializeGraphComponent(): GraphComponent {