jQuery Mockjax - Mock Object với jQuery

Giới thiệu

Mock là 1 kỹ thuật giúp cô lập các lớp khỏi sự phụ thuộc lẫn nhau nhằm phục vụ cho việc testing. Hầu hết các bài viết đều tập trung ngôn ngữ phía server (C#, Java…), còn phía ngôn ngữ bên client thì sao? Hôm nay mình sẽ giới thiệu thư viện jQuery Mockjax, hỗ trợ cho việc mocking.
Download from Github: https://github.com/appendto/jquery-mockjax

Tại sao phải sử dụng Mock object?

A được giao lập trình phía client, B được giao lập trình phía server. Trước khi hiển thị dữ liệu, A cần kiểm tra thông tin đăng nhập.

Nhưng khi A viết xong hàm Authenticate() thì B chưa làm xong hàm Authenticate() phía server. Lúc này để tiếp tục công việc, A sẽ dùng mockjax để giả lập lời gọi Ajax tới server để lấy dữ liệu.

Sử dụng

Cú pháp:

$.mockjax(options)

options: Là 1 tập hợp gồm các key/value định nghĩa settings cho lời gọi. Các key gồm có: url, data, type, responseText, responseTime…

            $.mockjax({
                url: '/test/inline',
                dataType: 'json',
                responseTime: 2500,
                responseText: {
                    say: 'Hello world!'
                }
            });

• url: đường dẫn gọi tới server để lấy dữ liệu.
• responeseTime: thời gian phản hồi, tính bằng millisecond.
• responeseText: dữ liệu trả về từ server.

Sau khi thiết lập, bạn thử gọi ajax.

            $.ajax({
                url: '/test/inline',
                dataType: 'json',
                success: function (json) {
                    console.log('You said: ' + json.say);
                }
            });

Kết quả in ra ở console log:

You said: Hello world!

Chúc các bạn thành công

Nhật ký học tập's Blog