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