Highest Voted 'angular-jest' Questions

0

votes

0 answers

angular v12 with jest, upgrade to angular v13 breaks test execution

I upgraded my angular cli based Angular app v12 to v13 and all of a sudden deprecated warning which I was getting in v12 reached to the breaking point. when I run my tests I gets the following error. An unhandled exception occurred: NOT SUPPORTED:…

asked Feb 09 '23 at 15:27

d-man

57,473
85
212
296

0

votes

0 answers

Angular 13 upgrade - JEST issue

I am upgrading my angular app from v12 to v13. It gets compiled without issues. Even ng build works fine. But the unit tests that were previously passed successfully using JEST are failing now. Below is my package.json "dependencies": { …

angular angular13 angular-jest angular-migration

asked Dec 05 '22 at 14:44

GokuSS3

123
1
11

0

votes

0 answers

Mock @ViewChild using Jest Angular

I am using Jest version 28.1.0 and Angular version 12.2.17. I want to mock below code but unable to do it. Please guide me how can I mock @ViewChild. @ViewChild(ChildComponent) childComponent!: ChildComponent; apply(): void { …

unit-testing jestjs angular-jest

asked Oct 28 '22 at 11:29

Anna

1,669
7
38
63

0

votes

0 answers

Angular Jest - test service with dependency on another service and so on

I'm starting with Jest and Unit test. I need to create unit tests for an already existing big application on angular 11, and I start by testing services. Here is my BaseService. Most of my other services expends from this one. @Injectable({ …

angular angular-test angular-jest

asked Apr 19 '22 at 15:03

Leinox

279
1
3
10

0

votes

2 answers

Angular CDK Overlay - Mocking overlay component in unit test

I've created an offcanvas component for angular, but I can't get my unit tests to work. Here's the failing unit test (offcanvas-host.component): describe('BsOffcanvasHostComponent', () => { let component: BsOffcanvasTestComponent; let fixture:…

angular unit-testing angular-jest angular-cdk-overlay

asked Mar 11 '22 at 15:16

Pieterjan

2,738
4
28
55

0

votes

1 answer

How to solve error "Can't bind to 'ngIf' since it isn't a known property of 'span'"

I am developing unit tests in an Angular 12 app with the help of Jest testing framework. Now there is a console error "Can't bind to 'ngIf' since it isn't a known property of 'span'" within child component after test run. By the way, the data which…

angular unit-testing jestjs angular-unit-test angular-jest

asked Feb 13 '22 at 17:25

johannesMatevosyan

1,974
2
30
40

0

votes

1 answer

If 'app-user' is an Angular component and it has 'InwelcomeMsg' input, then verify that it is part of this module

I am getting an error as follows when i test the child component: 1. If 'app-user' is an Angular component and it has 'InwelcomeMsg' input, then verify that it is part of this module. on testing the component. i am using testing-library for angular…

angular testing-library angular-testing-library angular-jest

asked Sep 16 '21 at 07:42

user2024080

1
14
56
96

0

votes

1 answer

Unable to cover code in async function in Angualr and Jest: Expected number of calls: >= 1 Received number of calls: 0

I have an async method where I am calling 2 other methods that return promise. I am mocking uploadData and addOrEdit to return a resolved promise. When I call the uploadFile, both uploadData and addOrEdit methods get covered, but the expectation,…

angular async-await jestjs angular-test angular-jest

asked Jun 29 '20 at 18:09

Pritam Bohra

3,912
8
41
72

0

votes

1 answer

Invalid or unexpected token while Jest migration

I'm migrating my project from Karma-Jasmine to Jest. But I'm getting the following error. It seems I'm missing some configuration. The error points out to constructor(@Inject('env') env: IEnvironment, line from the service which is imported in the…

angular jestjs babel-jest nrwl-nx angular-jest

asked May 19 '20 at 07:05

Kalpesh Bharambe

21
8

0

votes

1 answer

How to mock Angular external Javascript object

I have an angular application which only purpose is to build @angular/elements (no index.html, no app.component, etc.). Those elements are used in an .NET Mvc app which provides two kind of things I'm trying to mock in my unit tests: 1 - External…

angular unit-testing mocking angular-elements angular-jest

asked Mar 23 '20 at 22:14

Etienne Ghiringhelli

13
4

0

votes

1 answer

Directive unit testing fails

I am using jest.js for testing with my angular app. here is the directive I use in html:

<div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/jestjs" class="post-tag grid--cell" title="show questions tagged 'jestjs'" rel="tag">jestjs</a> 
                
                <a href="../../questions/tagged/angular-directive" class="post-tag grid--cell" title="show questions tagged 'angular-directive'" rel="tag">angular-directive</a> 
                
                <a href="../../questions/tagged/angular8" class="post-tag grid--cell" title="show questions tagged 'angular8'" rel="tag">angular8</a> 
                
                <a href="../../questions/tagged/angular-test" class="post-tag grid--cell" title="show questions tagged 'angular-test'" rel="tag">angular-test</a> 
                
                <a href="../../questions/tagged/angular-jest" class="post-tag grid--cell" title="show questions tagged 'angular-jest'" rel="tag">angular-jest</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Oct 17 '19 at 16:39">asked Oct 17 '19 at 16:39</time>
    <a href="../../users/218349/3gwebtrain" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/218349.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="3gwebtrain" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/218349/3gwebtrain" class="s-user-card--link">3gwebtrain</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">14,640</li>
            <li class="s-award-bling s-award-bling__gold" title="25 gold badges">25</li>
            <li class="s-award-bling s-award-bling__silver" title="121 silver badges">121</li>
            <li class="s-award-bling s-award-bling__bronze" title="247 bronze badges">247</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-58412476">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>0</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>0</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/58412476/angular-jest-testing-effect-throw-unhandled-error" class="question-hyperlink">angular jest, Testing effect throw Unhandled error</a></h3>
        <div class="excerpt">Here is my effect spec file: when i run this
import { TestBed } from '@angular/core/testing';
import { Actions } from '@ngrx/effects';
import { provideMockActions } from '@ngrx/effects/testing';
import { cold, hot, getTestScheduler } from…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/angular8" class="post-tag grid--cell" title="show questions tagged 'angular8'" rel="tag">angular8</a> 
                
                <a href="../../questions/tagged/angular-test" class="post-tag grid--cell" title="show questions tagged 'angular-test'" rel="tag">angular-test</a> 
                
                <a href="../../questions/tagged/angular-jest" class="post-tag grid--cell" title="show questions tagged 'angular-jest'" rel="tag">angular-jest</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Oct 16 '19 at 11:42">asked Oct 16 '19 at 11:42</time>
    <a href="../../users/218349/3gwebtrain" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/218349.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="3gwebtrain" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/218349/3gwebtrain" class="s-user-card--link">3gwebtrain</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">14,640</li>
            <li class="s-award-bling s-award-bling__gold" title="25 gold badges">25</li>
            <li class="s-award-bling s-award-bling__silver" title="121 silver badges">121</li>
            <li class="s-award-bling s-award-bling__bronze" title="247 bronze badges">247</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>

</div>
        </div>

</div>
        </div>
        <script src="../../static/js/stack-icons.js"></script>
        <script src="../../static/js/fromnow.js"></script>
        
    </body>
</html>

Questions tagged [angular-jest]