projects / extjs.git / blame
| Commit | Line | Data |
|---|---|---|
| 6527f429 DM |
1 | describe("Ext.slider.Widget", function() {\r |
| 2 | var panel, slider;\r | |
| 3 | \r | |
| 4 | afterEach(function () {\r | |
| 5 | panel = slider = Ext.destroy(panel);\r | |
| 6 | });\r | |
| 7 | \r | |
| 8 | describe('binding', function () {\r | |
| 9 | var data, viewModel;\r | |
| 10 | \r | |
| 11 | beforeEach(function () {\r | |
| 12 | viewModel = new Ext.app.ViewModel({\r | |
| 13 | data: {\r | |
| 14 | val: 20\r | |
| 15 | }\r | |
| 16 | });\r | |
| 17 | data = viewModel.getData();\r | |
| 18 | });\r | |
| 19 | \r | |
| 20 | function makeSlider (config) {\r | |
| 21 | panel = Ext.create({\r | |
| 22 | xtype: 'panel',\r | |
| 23 | renderTo: Ext.getBody(),\r | |
| 24 | items: slider = Ext.create(Ext.apply({\r | |
| 25 | xtype: 'sliderwidget',\r | |
| 26 | bind: '{val}',\r | |
| 27 | viewModel: viewModel,\r | |
| 28 | width: 200,\r | |
| 29 | height: 20,\r | |
| 30 | animate: false\r | |
| 31 | }, config))\r | |
| 32 | });\r | |
| 33 | \r | |
| 34 | notify();\r | |
| 35 | }\r | |
| 36 | \r | |
| 37 | function notify () {\r | |
| 38 | viewModel.getScheduler().notify();\r | |
| 39 | }\r | |
| 40 | \r | |
| 41 | afterEach(function () {\r | |
| 42 | viewModel = Ext.destroy(viewModel);\r | |
| 43 | });\r | |
| 44 | \r | |
| 45 | it('should receive the initial value', function () {\r | |
| 46 | makeSlider();\r | |
| 47 | \r | |
| 48 | var v = slider.getValue();\r | |
| 49 | expect(v).toBe(20);\r | |
| 50 | });\r | |
| 51 | \r | |
| 52 | // it('should not update viewModel on setValue incomplete', function () {\r | |
| 53 | // makeSlider({\r | |
| 54 | // publishOnComplete: true\r | |
| 55 | // });\r | |
| 56 | //\r | |
| 57 | // slider.setValue(50);\r | |
| 58 | // notify();\r | |
| 59 | //\r | |
| 60 | // expect(data.val).toBe(20);\r | |
| 61 | // });\r | |
| 62 | \r | |
| 63 | it('should update viewModel on setValue complete', function () {\r | |
| 64 | makeSlider({\r | |
| 65 | publishOnComplete: true\r | |
| 66 | });\r | |
| 67 | \r | |
| 68 | slider.setValue(50);\r | |
| 69 | notify();\r | |
| 70 | \r | |
| 71 | expect(data.val).toBe(50);\r | |
| 72 | });\r | |
| 73 | \r | |
| 74 | it('should update viewModel on setValue when publishOnComplete:false', function () {\r | |
| 75 | makeSlider({\r | |
| 76 | publishOnComplete: false\r | |
| 77 | });\r | |
| 78 | \r | |
| 79 | slider.setValue(50);\r | |
| 80 | notify();\r | |
| 81 | \r | |
| 82 | expect(data.val).toBe(50);\r | |
| 83 | });\r | |
| 84 | });\r | |
| 85 | });\r |