Number toLocaleString 不适用于 Angular 的测试

Question

我的应用程序具有以下功能。convertToPercent(number) {  if (!number) return 'N/A';    return Number(number / 100).toLocaleString('pt-br', { style: 'percent'   });}然后我刚刚创建了以下测试场景it('Should convertToPercent(10) return "10%" ' , () => {     expect(component.convertToPercent(10)).toEqual('10%');})但是当我运行测试时它坏了，因为 0.1 不等于 10%。有谁知道它可能是什么？运行应用程序时它正在工作。

Answer 1

我刚刚检测到问题是因为默认的 PhantomJS 浏览器不支持默认的 ECMAScript 国际化 API。

要解决它，您可以intl使用安装库npm i intl --save-dev，然后在 polyfill 文件中启用它。

 * 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.

 *

 * This file is divided into 2 sections:

 *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.

 *   2. Application imports. Files imported after ZoneJS that should be loaded before your main

 *      file.

 *

 * The current setup is for so-called "evergreen" browsers; the last versions of browsers that

 * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),

 * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.

 *

 * Learn more in https://angular.io/guide/browser-support

 */

/***************************************************************************************************

 * BROWSER POLYFILLS

 */

/** IE10 and IE11 requires the following for NgClass support on SVG elements */

// import 'classlist.js';  // Run `npm install --save classlist.js`.

/**

 * Web Animations `@angular/platform-browser/animations`

 * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.

 * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).

 */

// import 'web-animations-js';  // Run `npm install --save web-animations-js`.

/**

 * By default, zone.js will patch all possible macroTask and DomEvents

 * user can disable parts of macroTask/DomEvents patch by setting following flags

 * because those flags need to be set before `zone.js` being loaded, and webpack

 * will put import in the top of bundle, so user need to create a separate file

 * in this directory (for example: zone-flags.ts), and put the following flags

 * into that file, and then add the following code before importing zone.js.

 * import './zone-flags.ts';

 *

 * The flags allowed in zone-flags.ts are listed here.

 *

 * The following flags will work for all browsers.

 *

 * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame

 * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick

 * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames

 *

 *  in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js

 *  with the following flag, it will bypass `zone.js` patch for IE/Edge

 *

 *  (window as any).__Zone_enable_cross_context_check = true;

 *

 */

/***************************************************************************************************

 * Zone JS is required by default for Angular itself.

 */

import 'zone.js/dist/zone'; // Included with Angular CLI.

/***************************************************************************************************

 * APPLICATION IMPORTS

 */

import 'intl';

/**

 * Date, currency, decimal and percent pipes.

 * Needed for: All but Chrome, Firefox, Edge, IE11 and Safari 10

 */

/**

 * Need to import at least one locale-data with intl.

 */

import 'intl/locale-data/jsonp/pt-BR';

附加信息： https: //dzone.com/articles/using-phantomjs-with-karma