Angular 9 Миграция i18n - неудачные тесты - PullRequest
Новая
       54

Angular 9 Миграция i18n - неудачные тесты

0 голосов
/ 14 апреля 2020

Я обновляюсь с Angular 8.0 до Angular 9.1.1. С небольшим количеством работы все строится и работает нормально. Я столкнулся с проблемой локализации https://angular.io/guide/migration-localize и следовал этим инструкциям - это позволило моему проекту построить и запустить! Тем не менее, я все еще получаю эту проблему, когда я запускаю тесты (karma / jasmine)

Я использовал CLI для обновления своего проекта. Кажется, я не могу найти другие необходимые шаги для миграции локализации.

Я использую TestBed для модульных тестов, и они вызывают ошибку при вызове TestBed.createComponent, выдавая ошибку: 

Error: It looks like your application or one of its dependencies is using i18n.
        Angular 9 introduced a global `$localize()` function that needs to be loaded.
        Please run `ng add @angular/localize` from the Angular CLI.
        (For non-CLI projects, add `import '@angular/localize/init';` to your `polyfills.ts` file.
        For server-side rendering applications add the import to your `main.server.ts` file.)

Примером HTML из шаблона компонента с ошибочными тестами является: 

<span i18n>
    label
</span>

Простое удаление i18n позволяет тестам запускаться и проходить - но это не ошибка времени выполнения при запуске приложения. Любые подсказки о том, где искать дальше или что еще может быть здесь задействовано?

Вершина моих polypill.js

/***************************************************************************************************
 * Load `$localize` onto the global scope - used if i18n tags appear in Angular templates.
 */
import '@angular/localize/init';

/**
 * This file includes polyfills needed by Angular and is loaded before the app.
 * You can add your own extra polyfills to this file.
 *
...

моих package.json зависимостей 

  "dependencies": {
    "@angular/animations": "^9.1.1",
    "@angular/common": "^9.1.1",
    "@angular/compiler": "^9.1.1",
    "@angular/core": "^9.1.1",
    "@angular/forms": "^9.1.1",
    "@angular/localize": "^9.1.1",
    "@angular/platform-browser": "^9.1.1",
    "@angular/platform-browser-dynamic": "^9.1.1",
    "@angular/router": "^9.1.1",
    "core-js": "^3.0.0",
    "moment": "^2.24.0",
    "prismjs": "^1.16.0",
    "rxjs": "~6.5.5",
    "tslib": "^1.10.0",
    "zone.js": "~0.10.2"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.901.1",
    "@angular-devkit/build-ng-packagr": "~0.901.1",
    "@angular/cli": "^9.1.1",
    "@angular/compiler-cli": "^9.1.1",
    "@angular/language-service": "^9.1.1",
    "@types/jasmine": "^3.3.13",
    "@types/jasminewd2": "^2.0.6",
    "@types/node": "^12.11.1",
    "codelyzer": "^5.1.2",
    "jasmine-core": "~3.4.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "^4.2.0",
    "karma-chrome-launcher": "^2.2.0",
    "karma-coverage-istanbul-reporter": "^2.1.0",
    "karma-jasmine": "^2.0.0",
    "karma-jasmine-html-reporter": "^1.4.2",
    "ng-packagr": "^9.0.0",
    "ts-node": "^8.2.0",
    "tslint": "^5.18.0",
    "typescript": "~3.8.3"
  }

Ответы [ 2 ]

0 голосов
/ 15 апреля 2020

Polyfill не был включен в тест, поэтому мне пришлось добавить опцию конфигурации polyfil в angular.json

  "builder": "@angular-devkit/build-angular:karma",
          "options": {
            "polyfills": "polyfills.ts",
            ...
          }
        },

и убедиться, что он был включен в tsconfig.spec.json

"include": [
    "**/*.spec.ts",
    "**/*.d.ts",
    "polyfills.ts"
  ]
0 голосов
/ 15 апреля 2020

Я обнаружил, что мне пришлось импортировать @angular/localize/init в test.ts, чтобы разрешить выполнение тестов, см. здесь для примера.

...