installing @angular/localize broke jasmine/types

Which @angular/* package(s) are the source of the bug?

localize

Is this a regression?

Yes

Description

When I install @angular/localize in newly created angular project, jasmine types (describe, it, expect, afterAll etc) are not recognized inside *.spec.ts:

To reproduce:

ng new Angular15.net
cd Angular15.net
ng add @angular/localize
# code .

(these error messages are in czech - see below for english error messages)

Please provide a link to a minimal reproduction of the bug

ng new Angular15.net
cd Angular15.net
ng add @angular/localize
# code .

Please provide the exception or error you saw

describe():

Cannot find name 'describe'. Do you need to install type definitions for a test runner? Try `npm i --save-dev @types/jest` or `npm i --save-dev @types/mocha` and then add 'jest' or 'mocha' to the types field in your tsconfig.(2593)

it():

Cannot find name 'it'. Do you need to install type definitions for a test runner? Try `npm i --save-dev @types/jest` or `npm i --save-dev @types/mocha` and then add 'jest' or 'mocha' to the types field in your tsconfig.(2593)

expect():

Cannot find name 'expect'.(2304)

Please provide the environment you discovered this bug in (run `ng version`)

Angular CLI: 15.0.3
Node: 18.12.1
Package Manager: yarn 1.22.19
OS: win32 x64

Angular: 15.0.3
... animations, cli, common, compiler, compiler-cli, core, forms
... localize, platform-browser, platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1500.3
@angular-devkit/build-angular   15.0.3
@angular-devkit/core            15.0.3
@angular-devkit/schematics      15.0.3
@schematics/angular             15.0.3
rxjs                            7.5.7
typescript                      4.8.4

Anything else?

yarn add --dev @types/jasmine@4.3.0: does not help.

yarn test: tests are executed successfully:

Edit: No, I did not.
When I do it like I wrote (see below), then

export class AppComponent {
  title = $localize`Angular15.new`;
}

then $localize is undefined... 😩

Old comment:

I just found a workaround:
Looks like "types": [] from tsconfig.json are not overriden from tsconfig.spec.json

open tsconfig.json and remove

"types": [
  "@angular/localize"
]

open tsconfig.app.json and check that there is:

"types": [
  "@angular/localize"
]

finally, open tsconfig.spec.json and check that there is:

"types": [
  "jasmine",
  "@angular/localize"
]

Looking at PR #48502 - workaround right now is:

`main.ts`; add:

/// <reference types="@angular/localize" />

and remove every mention of

"@angular/localize"

from tsconfig.json

"@angular/localize" types should only be removed from the root tsconfig.json.

fix(localize): add triple slash type reference on `@angular/localize`…

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}

Navigation Menu

Repository navigation

installing @angular/localize broke jasmine/types #48434

Which @angular/* package(s) are the source of the bug?

Is this a regression?

Description

Please provide a link to a minimal reproduction of the bug

Please provide the exception or error you saw

Please provide the environment you discovered this bug in (run `ng version`)

Anything else?

`main.ts`; add:

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

installing @angular/localize broke jasmine/types #48434

Description

Which @angular/* package(s) are the source of the bug?

Is this a regression?

Description

Please provide a link to a minimal reproduction of the bug

Please provide the exception or error you saw

Please provide the environment you discovered this bug in (run ng version)

Anything else?

Activity

kondelik commented on Dec 10, 2022

kondelik commented on Dec 17, 2022

main.ts; add:

alan-agius4 commented on Dec 17, 2022

angular-automatic-lock-bot commented on Feb 4, 2023

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions

Please provide the environment you discovered this bug in (run `ng version`)

`main.ts`; add: