phản hồi mô hình giả trong backbone.js

Question

Làm cách nào tôi có thể giả mạo phản hồi REST trong mô hình của mình s.t. nó không thực sự đi đến dịch vụ nhưng trả về một json cố định?

Nếu có thể chỉ cho tôi phiên bản thực hiện với đồng bộ ghi đè() và phiên bản ghi đè tìm nạp(). Tôi đã thất bại với cả hai vì vậy đây sẽ là một nền giáo dục tốt cho sự khác biệt giữa chúng.

Answer 1

Backbone.Model.extend({ 
    fetch: function(){ 
    var model = this; 
    model.set({yourStatic: "Json Here"}); 
    } 
} 

này nên làm việc. Từ các tài liệu Backbone:

fetch(): reset trạng thái của mô hình từ máy chủ bằng cách ủy quyền để Backbone.sync

Answer 2

Nếu câu hỏi của bạn liên quan đến đơn vị kiểm tra mã của bạn mà không cần API trực tiếp, hãy xem Sinon.JS. Nó giúp chế nhạo toàn bộ các phản hồi của máy chủ API cho mục đích thử nghiệm.

Dưới đây là một ví dụ từ các tài liệu Sinon mà chế giễu chức năng $ .ajax của jQuery:

{ 
    setUp: function() { 
     sinon.spy(jQuery, "ajax"); 
    }, 

    tearDown: function() { 
     jQuery.ajax.restore(); // Unwraps the spy 
    }, 

    "test should inspect jQuery.getJSON's usage of jQuery.ajax": function() { 
     jQuery.getJSON("/some/resource"); 

     assert(jQuery.ajax.calledOnce); 
     assertEquals("/some/resource", jQuery.ajax.getCall(0).args[0].url); 
     assertEquals("json", jQuery.ajax.getCall(0).args[0].dataType); 
    } 
} 

Answer 3

Hãy xem backbone-faux-server. Nó sẽ cho phép bạn xử lý (và 'giả mạo' một phản ứng cho) bất kỳ op2 đồng bộ hóa (tìm nạp, lưu, vv) cho mỗi Mô hình (hoặc Bộ sưu tập).

Answer 4

Sinon.js là một ứng cử viên tốt, mặc dù nếu bạn muốn mô phỏng nhiều hơn một vài phản ứng, nó có thể trở thành rất nhiều công việc để tiêu đề cài đặt, xử lý ghi logic, vv

Xây dựng trên Sinon. js, FakeRest tiến thêm một bước và mô phỏng một API REST hoàn chỉnh dựa trên một đối tượng JSON - tất cả phía máy khách.

Answer 5

Mã của tôi như thế

// config 
const TEST_JSON = require('./test.json') 

const API_MAP = { 
    testA: 'someroot' 
} 
const FAKE_API_MAP = { 
    testA: TEST_JSON 
} 

// here's model 
let BaseModel = Backbone.Model.extend({ 
    url: function() { 
     return `${HOST}${API_MAP[this.resourceName]}/` 
    } 
}) 
let FakeModel = Backbone.Model.extend({ 
    fetch: function(options) { 
     return this.sync('', this, _.extend({}, options)); 
    }, 
    sync: function(method, model, options) { 
     this.set(FAKE_API_MAP[this.resourceName], this.options) 
     this.trigger('sync', this); 
    }, 
}); 

// now it's easy for switch them 
let modelA = new BaseModel({ 
    resourceName: 'testA' 
}) 
modelA.fetch() 

let fakeModelA = new FakeModel({ 
    resourceName: 'testA' 
}) 
fakeModelA.fetch()