Jasmine 测试失败但 'expected' 和 'toBe' 字符串似乎相等？

Question

我正在开发一个 angular(2.4.0)/typescript 应用程序，该应用程序使用自定义货币管道，该管道在内部使用 angular 的内置 CurrencyPipe 来格式化两个“en-CA”的输入货币字符串和“fr-CA”加拿大语言环境。在为法语案例编写单元测试时，对于期望给定有效输入字符串的格式化输出的快乐路径案例，

describe('for French locale', () => {
 // get the mock custom currency pipe instance for 'fr-CA' locale as 'currencyPipeForFR'
 it('should be formatted for fr-CA locale', () => {
  expect(currencyPipeForFR.transform('7500')).toBe('7 500 $');
 });
});

我收到此错误，

Expected '7 500 $' to be '7 500 $'.

我确实检查了转换结果的 instance of，它是 String。我错过了什么？任何帮助将不胜感激。

Answer 1

好吧，罪魁祸首是 angular 的内置 CurrencyPipe 用于“fr-CA”语言环境的 分组/千分隔符。在检查字符串中每个字符的 UTF-16 代码单元值时，我能够在索引 1 ( 7 和 5 之间的管道输出值 '7 500 $'）与正常的空格键字符（\u0020）不同。预期值 '7 500 $' 中的 '$' 符号之前的空格等效于 \u0020（普通空格键字符），因为它是手动附加到自定义管道逻辑中内置管道的格式化结果。

因此，作为使用与语言环境相关的管道（CurrrencyPipe、DecimalPipe）的此类实例（我的用例并非真正需要）的通用解决方案，我能够通过使单元测试正确检查预期值像这样使用Number.prototype属性的toLocaleString()方法，

describe('for French locale', () => {
 // get the custom currency pipe instance for 'fr-CA' locale as 'currencyPipeForFR'
 const thousandSeparator = () => {
  return (1000).toLocaleString('fr-CA').substring(1, 2);
 }
 it('should be formatted for fr-CA locale', () => {
  expect(currencyPipeForFR.transform('7500')).toBe('7' + thousandSeparator() + '500 $');
 });
});