Skip to content

Commit 10d6da6

Browse files
WIP. log hydration test
1 parent 5de4d2e commit 10d6da6

File tree

1 file changed

+9
-8
lines changed

1 file changed

+9
-8
lines changed

packages/devextreme-angular/tests/src/server/hydration.spec.ts

Lines changed: 9 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import { BrowserModule, provideClientHydration } from '@angular/platform-browser
22
import {
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';
66
import { DxServerModule } from 'devextreme-angular/server';
77
import infernoRenderer from 'devextreme/core/inferno_renderer';
88
import { 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
})
2222
class 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

Comments
 (0)