@@ -2,7 +2,7 @@ import { BrowserModule, provideClientHydration } from '@angular/platform-browser
22import {
33 Component , destroyPlatform , NgModule , PLATFORM_ID , VERSION , importProvidersFrom ,
44} from '@angular/core' ;
5- import { provideServerRendering } from '@angular/platform-server' ;
5+ import { provideServerRendering , ServerModule } from '@angular/platform-server' ;
66import { DxServerModule } from 'devextreme-angular/server' ;
77import infernoRenderer from 'devextreme/core/inferno_renderer' ;
88import { platformBrowserDynamic } from '@angular/platform-browser-dynamic' ;
@@ -16,8 +16,8 @@ const containerSelector = `.${containerClass}`;
1616 selector : 'app-root' ,
1717 standalone : false ,
1818 template : `<div class="${ containerClass } ">
19- ${ componentNames . map ( ( name ) => `<dx-${ name } ></dx-${ name } >` ) . join ( '\n' ) }
20- </div>` ,
19+ ${ componentNames . map ( ( name ) => `<dx-${ name } ></dx-${ name } >` ) . join ( '\n' ) }
20+ </div>` ,
2121} )
2222class AppComponent { }
2323
@@ -31,7 +31,7 @@ class AppBrowserModule {}
3131
3232@NgModule ( {
3333 declarations : [ AppComponent ] ,
34- imports : [ DevExtremeModule ] ,
34+ imports : [ ServerModule , DevExtremeModule ] ,
3535 bootstrap : [ AppComponent ] ,
3636 providers : [
3737 provideClientHydration ( ) ,
@@ -118,6 +118,7 @@ describe('Angular Components Hydration Test', () => {
118118 ssrState . body = document . body ;
119119 ssrState . containerHtml = document . querySelector ( `${ containerSelector } ` ) ?. outerHTML ?? '' ;
120120
121+ console . log ( '-------ssrState.containerHtml--->' , ssrState . containerHtml ) ;
121122 expect ( ssrState . containerHtml ) . toBeTruthy ( ) ;
122123 } ) ;
123124
@@ -130,13 +131,13 @@ describe('Angular Components Hydration Test', () => {
130131
131132 // Assert
132133 const [ ssrResult , hydratedResult ] = TestHelpers . compareContainers (
133- ssrState . body . querySelector ( `${ containerSelector } ` ) ,
134- document . querySelector ( `${ containerSelector } ` ) ,
134+ ssrState . body . querySelector ( `${ containerSelector } ` ) ,
135+ document . querySelector ( `${ containerSelector } ` ) ,
135136 ) ;
136137
137138 expect ( TestHelpers . hasConsoleMessage (
138- consoleSpies . log ,
139- [ 'Angular hydrated 1 component(s)' ] ,
139+ consoleSpies . log ,
140+ [ 'Angular hydrated 1 component(s)' ] ,
140141 ) ) . toBeTruthy ( ) ;
141142
142143 expect ( ssrResult ) . toEqual ( hydratedResult ) ;
0 commit comments