{"id":207794,"date":"2013-12-29T16:20:05","date_gmt":"2013-12-29T12:20:05","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=207794"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=207794","title":{"rendered":"Jasmine DRY: \u0430 \u0442\u044b \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u043f\u0438\u0448\u0435\u0448\u044c \u0442\u0435\u0441\u0442\u044b?<\/span>"},"content":{"rendered":"
\t\u0412 \u043f\u0440\u043e\u043c\u0435\u0436\u0443\u0442\u043a\u0435 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043c\u0435\u0436\u0434\u0443 \u043f\u0435\u0440\u0435\u043a\u0432\u0430\u043b\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0435\u0439 \u0441 Back-end \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u0430 \u043d\u0430 Front-end, \u043c\u043d\u0435 \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u0438\u043d\u043e\u0433\u0434\u0430 \u043a\u043e\u0434 \u0434\u043b\u044f RoR \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f (\u0434\u0430-\u0434\u0430 \u0438 \u0442\u0435\u0441\u0442\u044b \u0431\u044b\u043b\u0438). \u0418\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u043c \u0434\u043b\u044f \u043c\u0435\u043d\u044f \u043f\u043e\u043a\u0430\u0437\u0430\u043b\u0430\u0441\u044c \u0441\u0432\u043e\u0435\u043e\u0431\u0440\u0430\u0437\u043d\u0430\u044f \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0430 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430 \u0440\u0443\u0431\u0438\u0441\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u0447\u0435\u043d\u044c \u0441\u0442\u0440\u043e\u0433\u043e \u043e\u0442\u043d\u043e\u0441\u044f\u0442\u0441\u044f \u043a \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044e \u043a\u043e\u0434\u0430 \u0438 \u0435\u0441\u043b\u0438 \u0442\u044b \u043f\u0438\u0448\u0435\u0448\u044c \u043f\u043b\u043e\u0445\u043e\u0439 \u043a\u043e\u0434, \u0442\u043e \u0442\u0435\u0431\u0435 \u043c\u043e\u0433\u0443\u0442 \u043f\u043e\u043b\u043e\u043c\u0430\u0442\u044c \u043f\u0430\u043b\u044c\u0446\u044b<\/s> \u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u0438\u0442\u044c. \u0412\u0435\u0434\u044c \u043a\u043e\u0434 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u044b\u043c \u0438 \u0447\u0438\u0442\u0430\u0431\u0435\u043b\u044c\u043d\u044b\u043c<\/b>. <\/p>\n

\u042d\u0442\u043e \u0436\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e \u0438 \u043a \u0442\u0435\u0441\u0442\u0430\u043c (\u043a\u0430\u043a \u043f\u043e \u043c\u043d\u0435 \u0442\u043e, \u043e\u043d\u0438 \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u043d\u0430 \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u043f\u0440\u043e\u0449\u0435 \u0447\u0435\u043c \u0441\u0430\u043c \u043a\u043e\u0434). \u0412 \u0434\u043e\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435, \u0432 \u0442\u0435\u0441\u0442\u0430\u0445 \u0435\u0441\u0442\u044c \u0441\u0432\u043e\u0435 \u0437\u043e\u043b\u043e\u0442\u043e\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u043e \u2014 One Expectation per Test<\/b>. \u041d\u0435 \u043d\u0443\u0436\u043d\u043e \u043f\u0438\u0441\u0430\u0442\u044c \u043a\u0443\u0447\u0443 expect\/assert\/should<\/i> \u0432\u044b\u0437\u043e\u0432\u043e\u0432 \u0432 \u043e\u0434\u043d\u043e\u043c \u0442\u0435\u0441\u0442\u0435, \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u0435\u0440\u0435\u0441\u0442\u0430\u043d\u044c\u0442\u0435 \u044d\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c! \u0418 \u043d\u0435 \u0437\u0430\u0431\u044b\u0432\u0430\u0439\u0442\u0435, \u0447\u0442\u043e \u0442\u0435\u0441\u0442\u044b \u044d\u0442\u043e \u0442\u043e\u0436\u0435 \u043a\u043e\u0434, \u0430 copy-paste<\/i> \u2014 \u043f\u043b\u043e\u0445\u0430\u044f \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0430.
<\/a> <\/p>\n

\u0427\u0442\u043e \u0442\u0430\u043a\u043e\u0435 \u043f\u043b\u043e\u0445\u043e\u0439 \u0442\u0435\u0441\u0442<\/h4>\n

\u0420\u0430\u0437\u0431\u0438\u0440\u0430\u044f\u0441\u044c \u0432 3.0 \u0432\u0435\u0440\u0441\u0438\u0438 Knockout.js, \u044f \u0440\u0435\u0448\u0438\u043b \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0442\u0435\u0441\u0442\u044b \u0432 \u043d\u0430\u0434\u0435\u0436\u0434\u0435 \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u0442\u044c\u0441\u044f \u043a\u0430\u043a \u043d\u0430\u0439\u0442\u0438 \u0445\u043e\u0442\u044c \u043a\u0430\u043a\u043e\u0435-\u0442\u043e \u0443\u043f\u043e\u043c\u0438\u043d\u0430\u043d\u0438\u0435 \u043e \u043d\u043e\u0432\u043e\u043c \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0435 after<\/i> \u0432\u043d\u0443\u0442\u0440\u0438 \u0431\u0430\u0439\u043d\u0434\u0438\u043d\u0433\u043e\u0432. \u0427\u0435\u0441\u0442\u043d\u043e \u0433\u043e\u0432\u043e\u0440\u044f, \u043c\u0435\u043d\u044f \u0432\u043e\u0437\u043c\u0443\u0442\u0438\u043b\u0430 \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0445 \u0442\u0435\u0441\u0442\u043e\u0432.<\/p>\n

\u041f\u043b\u043e\u0445\u043e\u0439 \u0442\u0435\u0441\u0442<\/b><\/p>\n
\n
describe('Binding: Checked', function() {     beforeEach(jasmine.prepareTestNode);      it('Triggering a click should toggle a checkbox\\'s checked state before the event handler fires', function() {         testNode.innerHTML = "<input type='checkbox' \/>";         var clickHandlerFireCount = 0, expectedCheckedStateInHandler;         ko.utils.registerEventHandler(testNode.childNodes[0], "click", function() {             clickHandlerFireCount++;             expect(testNode.childNodes[0].checked).toEqual(expectedCheckedStateInHandler);         })         expect(testNode.childNodes[0].checked).toEqual(false);         expectedCheckedStateInHandler = true;         ko.utils.triggerEvent(testNode.childNodes[0], "click");         expect(testNode.childNodes[0].checked).toEqual(true);         expect(clickHandlerFireCount).toEqual(1);          expectedCheckedStateInHandler = false;         ko.utils.triggerEvent(testNode.childNodes[0], "click");         expect(testNode.childNodes[0].checked).toEqual(false);         expect(clickHandlerFireCount).toEqual(2);     }); }); <\/code><\/pre>\n
  <\/div>\n<\/div>\n
  \u0415\u0441\u043b\u0438 \u043d\u0435 \u0443\u0447\u0438\u0442\u044b\u0432\u0430\u0442\u044c, \u0447\u0442\u043e \u0432\u0441\u0435 \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u044b (describe<\/i> \u0438 it<\/i>) \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0447\u0430\u0441\u0442\u044c\u044e \u0441\u043f\u0435\u043a\u0438, \u0442\u043e \u043f\u043e\u0442\u043e\u043c \u043d\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043d\u044f\u0442\u044c \u0441\u043c\u044b\u0441\u043b \u0442\u0435\u0441\u0442\u0430 \u0438\u0437 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430 (it triggering a click should…<\/i>). \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f \u0432\u0435\u0434\u044c \u0431\u0440\u0435\u0434, \u043a\u0430\u043a \u0432 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0435 \u0442\u0430\u043a \u0438 \u0432 \u0441\u0430\u043c\u043e\u043c \u0442\u0435\u0441\u0442\u0435.<\/p>\n
  \u0412\u043e\u0442 \u0441\u043f\u0438\u0441\u043e\u043a \u0432\u043e\u043f\u0440\u043e\u0441\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u043c\u043d\u0435 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u0435 \u0438 \u043f\u0440\u043e\u0441\u0442\u044b\u0435 \u0442\u0435\u0441\u0442\u044b:  <\/p>\n
    \n
  1. \u041a\u0430\u043a\u0438\u0435 \u0442\u0435\u0441\u0442\u043e\u0432\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435?<\/li>\n
  2. \u041a\u0430\u043a\u043e\u0439 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f?<\/li>\n
  3. \u041a\u0430\u043a\u0438\u0435 \u043a\u0435\u0439\u0441\u044b \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043a\u0440\u044b\u0442\u044c?<\/li>\n
  4. \u041a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u0441\u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u0438 \u043a\u0435\u0439\u0441\u044b?<\/li>\n<\/ol>\n
      \u0414\u043b\u044f \u0432\u044b\u0448\u0435 \u043f\u0440\u0438\u0432\u0435\u0434\u0435\u043d\u043d\u043e\u0433\u043e \u043f\u0440\u0438\u043c\u0435\u0440\u0430:  <\/p>\n
      \n
    1. \u041f\u043e\u043b\u0435 \u0432\u0432\u043e\u0434\u0430 checkbox<\/li>\n
    2. \u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0436\u043c\u0435\u0442 \u043d\u0430 checkbox<\/li>\n
    3. \u041a\u0435\u0439\u0441\u044b:\n
        \n
      1. \u0421\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u0434\u043e \u0432\u044b\u0437\u043e\u0432\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u043a\u043b\u0438\u043a\u0430<\/li>\n
      2. \u0421\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u0432 \u043e\u0442\u043c\u0435\u0447\u0435\u043d\u043d\u044b\u0439, \u0435\u0441\u043b\u0438 checkbox \u0431\u044b\u043b \u043d\u0435 \u043e\u0442\u043c\u0435\u0447\u0435\u043d<\/li>\n
      3. \u0421\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u0432 \u043d\u0435 \u043e\u0442\u043c\u0435\u0447\u0435\u043d\u043d\u044b\u0439, \u0435\u0441\u043b\u0438 checkbox \u0431\u044b\u043b \u043e\u0442\u043c\u0435\u0447\u0435\u043d<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n
          \u0422\u0435\u043f\u0435\u0440\u044c \u0432\u0441\u0435 \u0442\u043e \u0436\u0435 \u0441\u0430\u043c\u043e\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u043e\u043c<\/s> jasmine-\u0441\u043a\u043e\u043c:<\/p>\n
        \u041f\u0440\u043e\u0441\u0442\u043e \u0447\u0438\u0442\u0430\u0435\u043c\u044b\u0439 \u0442\u0435\u0441\u0442<\/b><\/p>\n
        \n
        describe('Binding: Checked', function() {     beforeEach(jasmine.prepareTestNode);      describe("when user clicks on checkbox", function () {         beforeEach(function () {             testNode.innerHTML = "<input type='checkbox' \/>";             this.checkbox = testNode.childNodes[0];             this.stateHandler = jasmine.createSpy("checked handler");              this.checkbox.checked = false;             ko.utils.registerEventHandler(this.checkbox, "click", function() {                 this.stateHandler(this.checkbox.checked);             }.bind(this));             ko.utils.triggerEvent(this.checkbox, "click");         })          it ("changes state before event handler is triggered", function () {             expect(this.stateHandler).toHaveBeenCalledWith(true);         })          it ("marks checkbox if it's not marked", function () {             expect(this.checkbox.checked).toBe(true)         })          it ("unmarks checkbox if it's marked", function () {             this.checkbox.checked = true;             ko.utils.triggerEvent(this.checkbox, "click");             expect(this.checkbox.checked).toBe(false);         })     }) }) <\/code><\/pre>\n
          <\/div>\n<\/div>\n
          Setup<\/i> \u2014 \u0441\u043b\u043e\u0436\u043d\u044b\u0439, \u0442\u0435\u0441\u0442\u044b \u2014 \u043f\u0440\u043e\u0441\u0442\u044b\u0435. \u0418\u0434\u0435\u0430\u043b\u044c\u043d\u044b\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u2014 \u044d\u0442\u043e \u0442\u0435\u0441\u0442 \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043e\u0434\u0438\u043d \u0432\u044b\u0437\u043e\u0432 \u0444-\u0446\u0438\u0438 expect<\/i>. <\/p>\n
        \u041c\u0435\u043d\u044c\u0448\u0435 \u043a\u043e\u0434\u0430, \u0431\u043e\u043b\u044c\u0448\u0435 \u0442\u0435\u0441\u0442\u043e\u0432<\/h4>\n
          \u041f\u0440\u0438 \u043f\u0435\u0440\u0432\u043e\u043c \u0437\u043d\u0430\u043a\u043e\u043c\u0441\u0442\u0432\u0435 \u0441 Jasmine<\/i> \u044f \u043f\u043e\u043d\u0438\u043c\u0430\u043b, \u0447\u0442\u043e \u043e\u043d\u0430 \u043d\u0435 \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u0430, \u043d\u043e \u043d\u0435 \u043d\u0430\u0439\u0434\u044f \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0433\u0440\u0443\u043f\u043f\u043e\u0432\u044b\u0445 \u0441\u043f\u0435\u043a, \u044f \u0432 \u043f\u0430\u043d\u0438\u043a\u0435 \u0431\u0440\u043e\u0441\u0438\u043b\u0441\u044f \u0437\u0430 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0432 Google<\/i>. \u041a \u043c\u043e\u0435\u043c\u0443 \u0431\u043e\u043b\u044c\u0448\u043e\u043c\u0443 \u0440\u0430\u0437\u043e\u0447\u0430\u0440\u043e\u0432\u0430\u043d\u0438\u044e \u043e\u043d \u0442\u043e\u0436\u0435 \u043d\u0435 \u0437\u043d\u0430\u043b \u043e\u0442\u0432\u0435\u0442\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u044b \u043c\u0435\u043d\u044f \u0443\u0441\u043f\u043e\u043a\u043e\u0438\u043b. \u041f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u0441\u0430\u043c\u043e\u043c\u0443 \u043f\u043e\u043a\u043e\u043f\u0430\u0442\u044c\u0441\u044f \u0432 \u0442\u0435\u043c\u043d\u044b\u0445 \u043d\u0435\u0434\u0440\u0430\u0445 Jasmine<\/i> \u0438 \u043d\u0430\u0439\u0442\u0438 \u0440\u0435\u0448\u0435\u043d\u0438\u0435.<\/p>\n
          \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u043c, \u0447\u0442\u043e \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 JavaScript<\/i>++, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0435\u0441\u0442\u044c 2 \u043a\u043b\u0430\u0441\u0441\u0430 (Array<\/i> \u0438 Set<\/i>) \u0441 \u043e\u0431\u0449\u0438\u043c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043e\u043c (size<\/i> \u0438 contains<\/i>). \u0422\u0435\u043f\u0435\u0440\u044c \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043a\u0440\u044b\u0442\u044c \u0438\u0445 \u0442\u0435\u0441\u0442\u0430\u043c\u0438, \u0431\u0435\u0437 \u0434\u0443\u0431\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u043a\u043e\u0434\u0430! \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u043c \u043e\u0431\u0449\u0438\u0435 \u0442\u0435\u0441\u0442\u044b \u0434\u043b\u044f \u043d\u0430\u0448\u0438\u0445 \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u0439:  <\/p>\n
        sharedExamplesFor("collection", function () {   beforeEach(function () {      this.sourceItems = [1,2,3];      this.collection = new this.describedClass(this.sourceItems);   })    it ("returns proper size", function () {     expect(this.collection.size()).toBe(this.sourceItems.length);   })    \/\/ another specs    it ("returns true if contains item", function () {     expect(this.collection.contains(this.sourceItems[0])).toBe(true);   }) }) <\/code><\/pre>\n
          \u041f\u043e \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0438 \u043a Rspec<\/i>, \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u0431\u044b \u0438\u043c\u0435\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0442\u044c \u0441\u043f\u0435\u043a\u0438 \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 \u043e\u0434\u043d\u043e\u0433\u043e \u0438\u0437 \u043c\u0435\u0442\u043e\u0434\u043e\u0432:  <\/p>\n