array.sort与wallaby.js表现得很奇怪

Question

我有一个构造像[{index: 1}, {index: 4}, {index: 7}]这样的数组的函数。数组按对象排序＆＃39;指数值。我已将函数的范围缩小到仅对数组进行排序，并且小袋鼠指示数组的顺序不正确，但是mocha继续指示通过测试。

规范是：

import expect from 'expect';
import sort from './sort';

describe("Given an array", ()=> {
    let array;
    beforeEach(() => {
        array = [
            { index: 7, owner: 1 },
            { index: 2, owner: 1 },
            { index: 3, owner: 1 },
            { index: 5, owner: 1 },
            { index: 1, owner: 1 }
        ];
    });

    describe("When sorting the array of elements by id", () => {

        let actual;
        beforeEach(() => {
            actual = sort(array);
        });

        it('should order the array of objects by ascending id',()=> {
            let expected = [
                { index: 1, owner: 1 },
                { index: 2, owner: 1 },
                { index: 3, owner: 1 },
                { index: 5, owner: 1 },
                { index: 7, owner: 1 }
            ];

            expect(actual).toEqual(expected);
        });
    });
});

sort.js的实现是：

export default function(array){
   return array.sort((x, y) => { return x.index > y.index});
}

我的小袋鼠配置如下：

process.env.NODE_ENV = 'test';

var wallabyWebpack = require('wallaby-webpack');
var packageConfig = require('./package.json');

module.exports = function(wallaby) {

  var specFilePattern = 'src/shared/**/*.spec.js';
  var srcFilePattern = 'src/shared/**/*.js*';

  var babelProcessor = wallaby.compilers.babel(packageConfig['babel']);

  var webpackPostProcessor = wallabyWebpack({
    resolve: {
          extensions: ['', '.js', '.jsx']
      }
  });

  return {
    testFramework: 'mocha',
    debug: true,
    files: [
      { pattern: 'node_modules/babel-polyfill/dist/polyfill.js', instrument: false },
      { pattern: srcFilePattern, load: false },
      { pattern: specFilePattern, ignore: true }
    ],
    tests: [
      { pattern: specFilePattern, load: false }
    ],
    compilers: {
      '**/*.js*': babelProcessor
    },
    postprocessor: webpackPostProcessor,
    bootstrap: function(){
      window.__moduleBundler.loadTests();
    }
  };
};

Answer 1

Wallaby.js默认使用幕后的PhantomJs，它使用与Safari相同的JavaScript引擎。如果您在 Safari开发工具：

中运行此代码段

您会注意到它也没有按预期对数组进行排序。 Chrome开发者工具会显示不同的结果：

因此，如果您希望sort实施在所有平台上 ，则需要将其更改为compliant with the spec并返回1 ，-1或0，而不只是true或false。

因此，如果您以这种方式重写排序函数：

export default function (array) {
  return array.sort((x, y) => {
    if (x.index > y.index) {
      return 1;
    }
    if (x.index < y.index) {
      return -1;
    }

    return 0;
  });

然后它将在任何地方工作。如果您更喜欢较短（但可读性较差）的方式，可以使用以下方法：

export default function(array) {
  return array.sort((x, y) => +(x.index > y.index) || +(x.index === y.index) - 1);
}

如果出于某种原因，您只想支持原始代码有效并且不想更改它的平台，那么我建议将默认的PhantomJs转轮转换为小袋鼠也支持的Electron runner。它使用V8，您的原始代码可以正常使用。