Error: supportsScrollBehavior is not declared configurable

by

It is not possible anymore to spy on individually exported functions.
https://github.com/jasmine/jasmine/issues/1414

There are some workarounds that might work, but there isn’t a “works for all” solution.

Quoting from above link:

Actually setting “module”: “commonjs” in tsconfig.json for tests fixes this issue and you can use spyOn again.

For me, this didn’t work. Jasmine needs a place to put the spy in, so I created a Wrapper class so that the spy is installed on that class instead of the module.

import { supportsScrollBehavior as cdkSupportsScrollBehavior} from '@angular/cdk/platform';

export class CdkWrapper {
    public static supportsScrollBehavior(...args) {
        return cdkSupportsScrollBehavior(...args);
    }
}

Which you use like this in the spec file:

spyOn(CdkWrapper , 'supportsScrollBehavior').and.returnValue(true);

Remember to also use that wrapper in the component you are testing!

CdkWrapper.supportsScrollBehavior()

More Related Contents:

  1. What is the difference between fakeAsync and async in Angular testing?
  2. How to write unit testing for Angular / TypeScript for private methods with Jasmine
  3. CUSTOM_ELEMENTS_SCHEMA added to NgModule.schemas still showing Error
  4. How can I unit test a component that uses the Router in Angular?
  5. Angular CDK : attach overlay to a clicked element
  6. Testing – Can’t resolve all parameters for (ClassName)
  7. Angular 6 MatTable Performance in 1000 rows
  8. Angular 2 Testing – Async function call – when to use
  9. custom filter in mat-table
  10. Unit testing click event in Angular
  11. How to execute only one test spec with angular-cli
  12. How to mock Angular 4.3 httpClient an error response in testing
  13. Can’t bind to ‘ng-forOf’ since it isn’t a known native property [duplicate]
  14. Use component from another module
  15. Angular: Cannot find a differ supporting object ‘[object Object]’
  16. How to get reference of the component associated with ElementRef in Angular 2
  17. How to make an angular module to ignore http interceptor added in a core module
  18. Angular 2 restrict input field
  19. Emit event from parent to child
  20. how to embed an angular app into another app?
  21. How to share service between two modules – @NgModule in angular not between to components?
  22. Firestore Getting documents id from collection
  23. How to set unique template reference variables inside an *ngFor? (Angular)
  24. The pipe ‘ ‘ could not be found angular2 custom pipe
  25. Change Detection issue — Why is this changing when it’s the same object reference with On Push
  26. Angular2 ngFor OnPush Change Detection with Array Mutations
  27. How to throw error from RxJS map operator (angular)
  28. Angular2 ngModel inside ngFor (Data not binding on input)
  29. Need BrowserAnimationsModule in Angular but gives error in Universal
  30. What are all the index.ts used for?

Leave a Comment