ngx-speculoos 13.0.1 → 14.0.0

package/README.md

@@ -34,7 +34,7 @@ how to write Angular unit tests.
   - [Mocking helper](#mocking-helper)
   - [Testing with a host component](#testing-with-a-host-component)
 - [Gotchas](#gotchas)
-  - [When do I need to call detectChanges()](#when-do-i-need-to-call-detectchanges)
+  - [When do I need to call detectChanges()](#when-do-i-need-to-call-change-or-detectchanges)
   - [Can I use the TestElement methods to act on the component element itself, rather than a sub-element?](#can-i-use-the-testelement-methods-to-act-on-the-component-element-itself-rather-than-a-sub-element)
 - [Issues, questions](#issues-questions)
 - [Complete example](#complete-example)
@@ -175,20 +175,21 @@ an instance of your component tester.
 ```typescript
 describe('My component', () => {
   let tester: MyComponentTester;
-  
+
   beforeEach(() => {
     TestBed.configureTestingModule({
       declarations: [MyComponent],
       ...
     });
-    
+
     tester = new MyComponentTester();
     tester.change();
   });
-  
+
   it('should ...', () => {
-    
+
   });
+});
 ```
 
 ### Automatic change detection
@@ -201,11 +202,13 @@ properly handle its state changes.
 
 This can be done by:
 
-- adding a provider in the testing module to configure the fixtures to be in _automatic_ mode
+- adding a provider in the testing module to configure the fixtures to be in _automatic_ mode,
+  or to use zoneless change detection
 - awaiting the component fixture stability when the test *thinks* that a change detection should
   automatically happen.
 
-When the `provideAutomaticChangeDetection()` provider is added, the `ComponentTester` will run in
+When the `provideAutomaticChangeDetection()` or the `provideExperimentalZonelessChangeDetection()` 
+provider is added, the `ComponentTester` will run in
 _automatic_ mode. In this mode, calling `detectChanges()` throws an error, because you should always
 let Angular decide if change detection is necessary.
 
@@ -232,8 +235,8 @@ describe('AppComponent', () => {
   beforeEach(async () => {
     TestBed.configureTestingModule({
       providers: [
-        provideComponentFixtureAutoDetection(),
-        provideExperimentalZonelessChangeDetection() // if you already uses zoneless also add this provider
+        provideComponentFixtureAutoDetection()
+        // or provideExperimentalZonelessChangeDetection() if you already use zoneless
       ]
     });
 
@@ -371,7 +374,7 @@ get birthDate() {
 ```
 
 ```typescript
-it('should not save if birth date is in the future', () =>) {
+it('should not save if birth date is in the future', () => {
   // ...
   tester.birthDate.setDate(2200, 1, 1);
   tester.save.click();
@@ -382,7 +385,7 @@ it('should not save if birth date is in the future', () =>) {
 or, in _automatic_ mode
 
 ```typescript
-it('should not save if birth date is in the future'), async () => {
+it('should not save if birth date is in the future', async () => {
   // ...
   await tester.birthDate.setDate(2200, 1, 1);
   await tester.save.click();

package/fesm2022/ngx-speculoos.mjs

@@ -1,11 +1,9 @@
 import { TestBed, ComponentFixture, ComponentFixtureAutoDetect } from '@angular/core/testing';
+import { NgZone, makeEnvironmentProviders } from '@angular/core';
 import { By } from '@angular/platform-browser';
 import { RouterTestingHarness } from '@angular/router/testing';
 import { Router, ActivatedRouteSnapshot, convertToParamMap, ActivatedRoute } from '@angular/router';
 import { BehaviorSubject } from 'rxjs';
-import { makeEnvironmentProviders } from '@angular/core';
-
-"use strict";
 
 /**
  * A wrapped DOM element, providing additional methods and attributes helping with writing tests
@@ -538,8 +536,9 @@ class ComponentTester {
     constructor(arg) {
         this.fixture = arg instanceof ComponentFixture ? arg : TestBed.createComponent(arg);
         const autoDetect = TestBed.inject(ComponentFixtureAutoDetect, false);
+        const zoneless = !(TestBed.inject(NgZone) instanceof NgZone);
         this.testElement = TestElementQuerier.wrap(this.debugElement, this);
-        this.mode = autoDetect ? 'automatic' : 'imperative';
+        this.mode = autoDetect || zoneless ? 'automatic' : 'imperative';
     }
     /**
      * The native DOM host element of the component
@@ -1279,7 +1278,6 @@ const speculoosMatchers = {
     }
 };
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function collectMethodNames(proto) {
     if (!proto || proto === Object.prototype) {
         return [];
@@ -1320,7 +1318,6 @@ function provideAutomaticChangeDetection() {
     return COMPONENT_FIXTURE_AUTO_DETECTION;
 }
 
-/* eslint-disable */
 /*
  * Public API Surface of ngx-speculoos
  */