test(template): rxChunk: test all the strategies

hoebbelsB · hoebbelsB · commit abf550a65c74 · 2024-11-12T10:11:12.000+01:00
diff --git a/libs/template/chunk/src/lib/tests/chunk.directive.spec.ts b/libs/template/chunk/src/lib/tests/chunk.directive.spec.ts
@@ -1,6 +1,7 @@
 import { Component } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { Subject } from 'rxjs';
+import { RxStrategyProvider } from '@rx-angular/cdk/render-strategies';
+import { delay, Subject } from 'rxjs';
 import { ChunkModule } from '../chunk.module';
 
 @Component({
@@ -30,6 +31,7 @@ describe('ChunkDirective', () => {
   let fixture: ComponentFixture<ChunkTestComponent>;
   let componentInstance: ChunkTestComponent;
   let nativeElement: HTMLElement;
+  let strategyProvider: RxStrategyProvider;
 
   beforeEach(() => {
     TestBed.configureTestingModule({
@@ -39,20 +41,27 @@ describe('ChunkDirective', () => {
     fixture = TestBed.createComponent(ChunkTestComponent);
     componentInstance = fixture.componentInstance;
     nativeElement = fixture.nativeElement;
+    strategyProvider = TestBed.inject(RxStrategyProvider);
   });
 
   describe.each([
-    [undefined] /* <- Invalid strategy should fallback. */,
-    [''] /* <- Same here. */,
-    ['invalid'] /* <- Same here. */,
-    ['immediate'],
-    ['userBlocking'],
-    ['normal'],
-    ['low'],
-    ['idle'],
-  ])('Stratgy: %s', (strategy: string) => {
+    [undefined, true] /* <- Invalid strategy should fallback. */,
+    ['', true] /* <- Same here. */,
+    ['invalid', true] /* <- Same here. */,
+    ['immediate', true],
+    ['userBlocking', true],
+    ['normal', true],
+    ['low', true],
+    ['idle', true],
+    ['local', true],
+    ['global', false],
+    ['native', false],
+  ])('Strategy: %s', (strategy: string, scheduled: boolean) => {
     it('should render with given strategy', (done) => {
       componentInstance.strategy = strategy;
+      const expectedInitialTemplate = scheduled
+        ? 'not-chunked'
+        : 'chunked not-chunked';
       componentInstance.renderCallback.subscribe(() => {
         try {
           expect(nativeElement.textContent.trim()).toBe('chunked not-chunked');
@@ -62,11 +71,14 @@ describe('ChunkDirective', () => {
         }
       });
       fixture.detectChanges();
-      expect(nativeElement.textContent).toBe('not-chunked');
+      expect(nativeElement.textContent.trim()).toBe(expectedInitialTemplate);
     });
     it('should render the suspense template sync', (done) => {
       componentInstance.strategy = strategy;
       componentInstance.withSuspense = true;
+      const expectedInitialTemplate = scheduled
+        ? 'suspendednot-chunked'
+        : 'chunked not-chunked';
       componentInstance.renderCallback.subscribe(() => {
         try {
           expect(nativeElement.textContent.trim()).toBe('chunked not-chunked');
@@ -76,7 +88,24 @@ describe('ChunkDirective', () => {
         }
       });
       fixture.detectChanges();
-      expect(nativeElement.textContent).toBe('suspendednot-chunked');
+      expect(nativeElement.textContent.trim()).toBe(expectedInitialTemplate);
     });
   });
+
+  it('should not render with noop strategy', (done) => {
+    componentInstance.strategy = 'noop';
+    fixture.detectChanges();
+    expect(nativeElement.textContent).toBe('not-chunked');
+    strategyProvider
+      .schedule(() => {})
+      .pipe(delay(10)) // let's just wait a tiny bit to be sure nothing happens :)
+      .subscribe(() => {
+        try {
+          expect(nativeElement.textContent.trim()).toBe('not-chunked');
+          done();
+        } catch (e) {
+          done(e.message);
+        }
+      });
+  });
 });
