如何在 Mocha 中测试 Backbone 子类而不重复对超类的测试？

Question

假设我有几个 Backbone 模型，矩形和三角形，每个都扩展多边形。

var Polygon = Backbone.Model.extend({
    defaults: {
       width: 100,
       height: 100,
       rotation: 0
    },
    rotate: function (degrees) {
       var oldRotation = this.get('rotation');
       var newRotation = (oldRotation + degrees) % 360;
       this.set('rotation', newRotation);
       return newRotation;
    }
});

var Rectangle = Polygon.extend({
    area: function (degrees) {
      return this.get('width') * this.get('height');
    }
});

var Triangle = Polygon.extend({
    area: function (degrees) {
      return this.get('width') * this.get('height') / 2;
    }
}

我想测试 Rectangle 和 Triangle 并确保它们各自正确地独立实现 rotate，尽管我知道（目前）它们都从 Polygon 继承了 rotate 的实现。

我不想做的是为 Rectangle 和 Triangle 创建单独的单元测试，它们几乎是彼此完全相同的副本。在 Mocha 中，如何为 rotate 编写测试并在三角形和矩形的单元测试中重用它？

这是我的单元测试。请注意重复的“旋转 45 度”测试。

describe('A rectangle', function () {
  var r = new Rectangle({width: 50, height: 10, rotation: 90});
  it('correctly calculates its area', function () {
    expect(r.area()).to.equal(500);
  });
  it('rotates by 45 degrees', function () {
    expect(r.rotate(45)).to.equal(135);
  });
});

describe('A triangle', function () {
  var t = new Triangle({width: 50, height: 10, rotation: 90});
  it('correctly calculates its area', function () {
    expect(t.area()).to.equal(250);
  });
  it('rotates by 45 degrees', function () {
    expect(t.rotate(45)).to.equal(135);
  });
});

Answer 1

写出来答案就很明显了。我们可以创建一个函数来封装多边形的测试。

var describeAPolygon = function (name, p) {
    describe(name, function () {        
      it('rotates by 45 degrees', function () {
        expect(p.rotate(45)).to.equal(135);
      });
    });
};

然后在矩形和三角形的测试中使用它。

describe('A rectangle', function () {
    var r = new Rectangle({width: 50, height: 10, rotation: 90});
    describeAPolygon('A rectangle', r);
    it('correctly calculates its area', function () {
      expect(r.area()).to.equal(500);
    });
});


describe('A triangle', function () {
    var t = new Triangle({width: 50, height: 10, rotation: 90});
    describeAPolygon('A triangle', t);
    it('correctly calculates its area', function () {
      expect(t.area()).to.equal(250);
    });
});

这是我能找到的最干净的解决方案。我很好奇是否有其他人解决了这个问题并提出了不同的建议。

Answer 2

我通常做的是：

describe('A rectangle', function () {
    var r = new Rectangle({width: 50, height: 10, rotation: 90});

    it('should be a polygon', function() {
      expect(r).to.be.an.instanceof(Polygon);
    });

    it('correctly calculates its area', function () {
      expect(r.area()).to.equal(500);
    });
});

describe('A triangle', function () {
    var t = new Triangle({width: 50, height: 10, rotation: 90});               

    it('should be a polygon', function() {
      expect(r).to.be.an.instanceof(Polygon);
    });

    it('correctly calculates its area', function () {
      expect(t.area()).to.equal(250);
    });
});

describe('A polygon', function() { 
    var p = new Polygon({width: 50, height: 10, rotation: 90});
    it('rotates by 45 degrees', function () {
      expect(p.rotate(45)).to.equal(135);
    });
});

如果您使用正确的 OOP 实践，您的 Polygon 类应该具有足够安全的方法和结构，以确保任何扩展它的类都不能修改它。