@@ -17,21 +17,30 @@ define([
1717 var $suggest = $ ( '<input name="test-suggest" id="suggest" />' ) ;
1818
1919 $ ( 'body' ) . append ( $suggest ) ;
20+ $ ( 'body' ) . append ( '<script type="text/template" id="test-template">' +
21+ '<div><%= data.test %></div>' +
22+ '</script>' ) ;
2023 } ) ;
2124
2225 afterEach ( function ( ) {
2326 $ ( suggestSelector ) . remove ( ) ;
27+ $ ( '#test-template' ) . remove ( ) ;
2428 $ ( suggestSelector ) . suggest ( 'destroy' ) ;
2529 } ) ;
2630
2731 it ( 'Check that suggest inited' , function ( ) {
28- var $suggest = $ ( suggestSelector ) . suggest ( ) ;
32+ var $suggest = $ ( suggestSelector ) . suggest ( {
33+ template : '#test-template' ,
34+ choiceTemplate : '<li/>'
35+ } ) ;
2936
3037 expect ( $suggest . is ( ':mage-suggest' ) ) . toBe ( true ) ;
3138 } ) ;
3239
3340 it ( 'Check suggest create' , function ( ) {
3441 var options = {
42+ template : '#test-template' ,
43+ choiceTemplate : '<li/>' ,
3544 controls : {
3645 selector : '.test' ,
3746 eventsMap : {
@@ -80,6 +89,8 @@ define([
8089
8190 it ( 'Check suggest render' , function ( ) {
8291 var options = {
92+ template : '#test-template' ,
93+ choiceTemplate : '<li/>' ,
8394 dropdownWrapper : '<div class="wrapper-test"></div>' ,
8495 className : 'test-suggest' ,
8596 inputWrapper : '<div class="test-input-wrapper"></div>'
@@ -108,15 +119,20 @@ define([
108119 } ) ;
109120
110121 it ( 'Check suggest createValueField' , function ( ) {
111- var suggestInstance = $ ( suggestSelector ) . suggest ( ) . data ( 'mage-suggest' ) ,
122+ var suggestInstance = $ ( suggestSelector ) . suggest ( {
123+ template : '#test-template' ,
124+ choiceTemplate : '<li/>'
125+ } ) . data ( 'mage-suggest' ) ,
112126 valueField = suggestInstance . _createValueField ( ) ;
113127
114128 expect ( valueField . is ( 'input' ) ) . toBe ( true ) ;
115129 expect ( valueField . is ( ':hidden' ) ) . toBe ( true ) ;
116130
117131 $ ( suggestSelector ) . suggest ( 'destroy' ) ;
118132 suggestInstance = $ ( suggestSelector ) . suggest ( {
119- multiselect : true
133+ multiselect : true ,
134+ template : '#test-template' ,
135+ choiceTemplate : '<li/>'
120136 } ) . data ( 'mage-suggest' ) ;
121137 valueField = suggestInstance . _createValueField ( ) ;
122138
@@ -126,7 +142,10 @@ define([
126142 } ) ;
127143
128144 it ( 'Check suggest prepareValueField' , function ( ) {
129- var $suggest = $ ( suggestSelector ) . suggest ( ) ,
145+ var $suggest = $ ( suggestSelector ) . suggest ( {
146+ template : '#test-template' ,
147+ choiceTemplate : '<li/>'
148+ } ) ,
130149 suggestInstance = $suggest . data ( 'mage-suggest' ) ,
131150 suggestName = $suggest . attr ( 'name' ) ;
132151
@@ -140,6 +159,8 @@ define([
140159
141160 it ( 'Check suggest destroy' , function ( ) {
142161 var options = {
162+ template : '#test-template' ,
163+ choiceTemplate : '<li/>' ,
143164 inputWrapper : '<div class="test-input-wrapper"></div>' ,
144165 valueField : null
145166 } ,
@@ -167,8 +188,14 @@ define([
167188 $ ( suggestSelector ) . val ( value ) ;
168189 $ ( 'body' ) . append ( '<div id="suggest-div">' + value + '</div>' ) ;
169190
170- suggestInstance = $ ( suggestSelector ) . suggest ( ) . data ( 'mage-suggest' ) ;
171- suggestDivInstance = $ ( '#suggest-div' ) . suggest ( ) . data ( 'mage-suggest' ) ;
191+ suggestInstance = $ ( suggestSelector ) . suggest ( {
192+ template : '#test-template' ,
193+ choiceTemplate : '<li/>'
194+ } ) . data ( 'mage-suggest' ) ;
195+ suggestDivInstance = $ ( '#suggest-div' ) . suggest ( {
196+ template : '#test-template' ,
197+ choiceTemplate : '<li/>'
198+ } ) . data ( 'mage-suggest' ) ;
172199
173200 expect ( suggestInstance . _value ( ) ) . toBe ( value ) ;
174201 expect ( suggestDivInstance . _value ( ) ) . toBe ( value ) ;
@@ -178,6 +205,8 @@ define([
178205 it ( 'Check suggest bind' , function ( ) {
179206 var eventIsBinded = false ,
180207 options = {
208+ template : '#test-template' ,
209+ choiceTemplate : '<li/>' ,
181210 events : {
182211 /** Stub function */
183212 click : function ( ) {
@@ -192,7 +221,10 @@ define([
192221 } ) ;
193222
194223 it ( 'Check suggest focus/blur' , function ( ) {
195- var suggestInstance = $ ( suggestSelector ) . suggest ( ) . data ( 'mage-suggest' ) ,
224+ var suggestInstance = $ ( suggestSelector ) . suggest ( {
225+ template : '#test-template' ,
226+ choiceTemplate : '<li/>'
227+ } ) . data ( 'mage-suggest' ) ,
196228 uiHash = {
197229 item : {
198230 id : 1 ,
@@ -215,7 +247,10 @@ define([
215247 } ) ;
216248
217249 it ( 'Check suggest select' , function ( ) {
218- var suggestInstance = $ ( suggestSelector ) . suggest ( ) . data ( 'mage-suggest' ) ,
250+ var suggestInstance = $ ( suggestSelector ) . suggest ( {
251+ template : '#test-template' ,
252+ choiceTemplate : '<li/>'
253+ } ) . data ( 'mage-suggest' ) ,
219254 uiHash = {
220255 item : {
221256 id : 1 ,
@@ -243,6 +278,8 @@ define([
243278
244279 it ( 'Check suggest multiselect' , function ( ) {
245280 var suggestInstance = $ ( suggestSelector ) . suggest ( {
281+ template : '#test-template' ,
282+ choiceTemplate : '<li/>' ,
246283 multiselect : true
247284 } ) . data ( 'mage-suggest' ) ,
248285 uiHash = {
@@ -282,7 +319,10 @@ define([
282319 } ) ;
283320
284321 it ( 'Check suggest reset value' , function ( ) {
285- var suggestInstance = $ ( suggestSelector ) . suggest ( ) . data ( 'mage-suggest' ) ;
322+ var suggestInstance = $ ( suggestSelector ) . suggest ( {
323+ template : '#test-template' ,
324+ choiceTemplate : '<li/>'
325+ } ) . data ( 'mage-suggest' ) ;
286326
287327 suggestInstance . valueField . val ( 'test' ) ;
288328 expect ( suggestInstance . valueField . val ( ) ) . toBe ( 'test' ) ;
@@ -292,6 +332,8 @@ define([
292332
293333 it ( 'Check suggest reset multiselect value' , function ( ) {
294334 var suggestInstance = $ ( suggestSelector ) . suggest ( {
335+ template : '#test-template' ,
336+ choiceTemplate : '<li/>' ,
295337 multiselect : true
296338 } ) . data ( 'mage-suggest' ) ,
297339 uiHash = {
@@ -314,7 +356,10 @@ define([
314356 } ) ;
315357
316358 it ( 'Check suggest read item data' , function ( ) {
317- var suggestInstance = $ ( suggestSelector ) . suggest ( ) . data ( 'mage-suggest' ) ,
359+ var suggestInstance = $ ( suggestSelector ) . suggest ( {
360+ template : '#test-template' ,
361+ choiceTemplate : '<li/>'
362+ } ) . data ( 'mage-suggest' ) ,
318363 testElement = $ ( '<div/>' ) ;
319364
320365 expect ( suggestInstance . _readItemData ( testElement ) ) . toEqual ( suggestInstance . _nonSelectedItem ) ;
@@ -324,7 +369,8 @@ define([
324369
325370 it ( 'Check suggest template' , function ( ) {
326371 var suggestInstance = $ ( suggestSelector ) . suggest ( {
327- template : '<div><%= data.test %></div>'
372+ template : '<div><%= data.test %></div>' ,
373+ choiceTemplate : '<li/>'
328374 } ) . data ( 'mage-suggest' ) ,
329375 tmpl = suggestInstance . templates [ suggestInstance . templateName ] ,
330376 html = $ ( '<div/>' ) . append ( tmpl ( {
@@ -340,7 +386,8 @@ define([
340386 '</script>' ) ;
341387
342388 suggestInstance = $ ( suggestSelector ) . suggest ( {
343- template : '#test-template'
389+ template : '#test-template' ,
390+ choiceTemplate : '<li/>'
344391 } ) . data ( 'mage-suggest' ) ;
345392 tmpl = suggestInstance . templates [ suggestInstance . templateName ] ;
346393 html = $ ( '<div />' ) . append ( tmpl ( {
@@ -354,7 +401,10 @@ define([
354401 } ) ;
355402
356403 it ( 'Check suggest dropdown visibility' , function ( ) {
357- var suggestInstance = $ ( suggestSelector ) . suggest ( ) . data ( 'mage-suggest' ) ;
404+ var suggestInstance = $ ( suggestSelector ) . suggest ( {
405+ template : '#test-template' ,
406+ choiceTemplate : '<li/>'
407+ } ) . data ( 'mage-suggest' ) ;
358408
359409 suggestInstance . dropdown . hide ( ) ;
360410 expect ( suggestInstance . isDropdownShown ( ) ) . toBe ( false ) ;
@@ -366,7 +416,10 @@ define([
366416 } ) ;
367417
368418 it ( 'Check suggest create option' , function ( ) {
369- var suggestInstance = $ ( suggestSelector ) . suggest ( ) . data ( 'mage-suggest' ) ,
419+ var suggestInstance = $ ( suggestSelector ) . suggest ( {
420+ template : '#test-template' ,
421+ choiceTemplate : '<li/>'
422+ } ) . data ( 'mage-suggest' ) ,
370423 uiHash = {
371424 item : {
372425 id : 1 ,
@@ -382,7 +435,10 @@ define([
382435 } ) ;
383436
384437 it ( 'Check suggest add option' , function ( ) {
385- var suggestInstance = $ ( suggestSelector ) . suggest ( ) . data ( 'mage-suggest' ) ,
438+ var suggestInstance = $ ( suggestSelector ) . suggest ( {
439+ template : '#test-template' ,
440+ choiceTemplate : '<li/>'
441+ } ) . data ( 'mage-suggest' ) ,
386442 uiHash = {
387443 item : {
388444 id : 1 ,
@@ -402,7 +458,10 @@ define([
402458 } ) ;
403459
404460 it ( 'Check suggest get option' , function ( ) {
405- var suggestInstance = $ ( suggestSelector ) . suggest ( ) . data ( 'mage-suggest' ) ,
461+ var suggestInstance = $ ( suggestSelector ) . suggest ( {
462+ template : '#test-template' ,
463+ choiceTemplate : '<li/>'
464+ } ) . data ( 'mage-suggest' ) ,
406465 uiHash = {
407466 item : {
408467 id : 1 ,
@@ -420,6 +479,8 @@ define([
420479
421480 it ( 'Check suggest last added' , function ( ) {
422481 var suggestInstance = $ ( suggestSelector ) . suggest ( {
482+ template : '#test-template' ,
483+ choiceTemplate : '<li/>' ,
423484 multiselect : true
424485 } ) . data ( 'mage-suggest' ) ,
425486 uiHash = {
@@ -437,6 +498,8 @@ define([
437498
438499 it ( 'Check suggest remove option' , function ( ) {
439500 var suggestInstance = $ ( suggestSelector ) . suggest ( {
501+ template : '#test-template' ,
502+ choiceTemplate : '<li/>' ,
440503 multiselect : true
441504 } ) . data ( 'mage-suggest' ) ,
442505 uiHash = {
0 commit comments