Skip to content

NG0505 warning on tests when client hydration enabled #62053

Description

@rdamazio

Which @angular/* package(s) are the source of the bug?

Don't known / other

Is this a regression?

Yes

Description

Steps to reproduce:

  • ng new bugtest --ssr --style scss
  • Update all dependencies to the latest versions
  • add @defer(hydrate on idle) around any part of src/app/app.component.html
  • add providers: [provideClientHydration(withIncrementalHydration())] to app.component.spec.ts
  • ng test --watch=false

It's quite possible that I'm trying to do this the wrong way in the test, but if this is not a bug then the lack of any documentation about hydration in tests should probably be addressed. (e.g. I could not find a way to disable SSR just for tests, or to configure it properly for tests)

This does not seem to affect non-testing environments (e.g. no warnings during ng serve).

afaict this started happening on the upgrade to main version 20.0.2 (upgrade of @angular/ssr to 20.0.1) - this PR on my project. You can see these warnings all throughout the latest CI action runs on that project.

Please provide a link to a minimal reproduction of the bug

https://stackblitz.com/edit/angular-ng0505-bug

Please provide the exception or error you saw

$ ng test --watch=false --browsers=ChromeHeadless
✔ Browser application bundle generation complete.
14 06 2025 00:09:43.408:INFO [karma-server]: Karma v6.4.4 server started at http://localhost:9876/
14 06 2025 00:09:43.413:INFO [launcher]: Launching browsers ChromeHeadless with concurrency unlimited
14 06 2025 00:09:43.418:INFO [launcher]: Starting browser ChromeHeadless
14 06 2025 00:09:44.592:INFO [Chrome Headless 137.0.0.0 (Mac OS 10.15.7)]: Connected on socket hq0ruqj_KWUqyIj8AAAB with id 8331579
WARN: 'NG0505: Angular hydration was requested on the client, but there was no serialized information present in the server response, thus hydration was not enabled. Make sure the `provideClientHydration()` is included into the list of providers in the server part of the application configuration. Find more at https://angular.dev/errors/NG0505'
Chrome Headless 137.0.0.0 (Mac OS 10.15.7): Executed 0 of 3 SUCCESS (0 secs / 0 secs)
WARN: 'NG0505: Angular hydration was requested on the client, but there was no serialized information present in the server response, thus hydration was not enabled. Make sure the `provideClientHydration()` is included into the list of providers in the server part of the application configuration. Find m
WARN: 'NG0505: Angular hydration was requested on the client, but there was no serialized information present in the server response, thus hydration was not enabled. Make sure the `provideClientHydration()` is included into the list of providers in the server part of the application configuration. Find more at https://angular.dev/errors/NG0505'
Chrome Headless 137.0.0.0 (Mac OS 10.15.7): Executed 1 of 3 SUCCESS (0 secs / 0.098 secs)
WARN: 'NG0505: Angular hydration was requested on the client, but there was no serialized information present in the server response, thus hydration was not enabled. Make sure the `provideClientHydration()` is included into the list of providers in the server part of the application configuration. Find m
WARN: 'NG0505: Angular hydration was requested on the client, but there was no serialized information present in the server response, thus hydration was not enabled. Make sure the `provideClientHydration()` is included into the list of providers in the server part of the application configuration. Find more at https://angular.dev/errors/NG0505'
Chrome Headless 137.0.0.0 (Mac OS 10.15.7): Executed 2 of 3 SUCCESS (0 secs / 0.104 secs)
WARN: 'NG0505: Angular hydration was requested on the client, but there was no serialized information present in the server response, thus hydration was not enabled. Make sure the `provideClientHydration()` is included into the list of providers in the server part of the application configuration. Find m
Chrome Headless 137.0.0.0 (Mac OS 10.15.7): Executed 3 of 3 SUCCESS (0.124 secs / 0.109 secs)
TOTAL: 3 SUCCESS

Please provide the environment you discovered this bug in (run ng version)

_                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/
    

Angular CLI: 20.0.2
Node: 24.1.0
Package Manager: npm 11.4.2
OS: darwin x64

Angular: 20.0.3
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, platform-server
... router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.2000.2
@angular-devkit/build-angular   20.0.2
@angular-devkit/core            20.0.2
@angular-devkit/schematics      20.0.2
@angular/cli                    20.0.2
@angular/ssr                    20.0.2
@schematics/angular             20.0.2
rxjs                            7.8.2
typescript                      5.8.3
zone.js                         0.15.1

Anything else?

No response

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    area: serverIssues related to server-side renderingarea: testingIssues related to Angular testing features, such as TestBed

    Type

    No type

    Projects

    No projects

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions