Skip to content

Commit

Permalink
select: Write tests on templates
Browse files Browse the repository at this point in the history
  • Loading branch information
lapinp authored and tadatuta committed Jul 28, 2014
1 parent f412dc3 commit 86e1914
Show file tree
Hide file tree
Showing 15 changed files with 78 additions and 0 deletions.
7 changes: 7 additions & 0 deletions common.blocks/select/select.deps.js
Expand Up @@ -11,4 +11,11 @@
{
tech : 'spec.js',
mustDeps : { tech : 'bemhtml' }
},
{
tech : 'tmpl-spec.js',
mustDeps : [
{ tech : 'bemhtml', block : 'select', mods : { mode : ['radio', 'check', 'radio-check'] } },
{ tech : 'bemhtml', block : 'icon' }
]
}]
12 changes: 12 additions & 0 deletions common.blocks/select/select.tmpl-specs/10-radio-default.bemjson.js
@@ -0,0 +1,12 @@
({
block : 'select',
mods : { mode : 'radio', theme : 'normal', size : 'l', focused : true },
name : 'select',
id : 1,
optionsMaxHeight : 100,
textMaxWidth : 50,
options : [
{ val : 1, text : 'first' },
{ val : 2, text : 'second', checked : true, icon : { block : 'icon', mods : { social : 'vk' } } }
]
})
@@ -0,0 +1 @@
<div class="select select_mode_radio select_theme_normal select_size_l select_focused i-bem" data-bem="{&quot;select&quot;:{&quot;name&quot;:&quot;select&quot;,&quot;optionsMaxHeight&quot;:100,&quot;live&quot;:false}}"><input class="select__control" type="hidden" name="select" value="2"/><button class="button button_size_l button_theme_normal button_focused button__control select__button i-bem" data-bem="{&quot;button&quot;:{&quot;live&quot;:false}}" role="button" type="button" id="1"><span class="button__text" style="max-width:50px">second</span><i class="icon select__tick"></i></button><div class="popup popup_theme_normal popup_autoclosable i-bem" data-bem="{&quot;popup&quot;:{&quot;directions&quot;:[&quot;bottom-left&quot;,&quot;bottom-right&quot;,&quot;top-left&quot;,&quot;top-right&quot;]}}"><div class="menu menu_size_l menu_theme_normal menu_mode_radio menu__control select__menu i-bem" data-bem="{&quot;menu&quot;:{}}" role="menu"><div class="menu-item menu-item_theme_normal i-bem" data-bem="{&quot;menu-item&quot;:{&quot;val&quot;:1}}" role="menuitem">first</div><div class="menu-item menu-item_checked menu-item_theme_normal i-bem" data-bem="{&quot;menu-item&quot;:{&quot;text&quot;:&quot;second&quot;,&quot;val&quot;:2}}" role="menuitem"><i class="icon icon_social_vk"></i>second</div></div></div></div>
@@ -0,0 +1,8 @@
({
block : 'select',
mods : { mode : 'radio', theme : 'normal', disabled : true },
options : [
{ val : 1, text : 'first' },
{ val : 2, text : 'second' }
]
})
@@ -0,0 +1 @@
<div class="select select_mode_radio select_theme_normal select_disabled i-bem" data-bem="{&quot;select&quot;:{}}"><input class="select__control" type="hidden" value="1" disabled="disabled"/><button class="button button_theme_normal button_disabled button__control select__button i-bem" data-bem="{&quot;button&quot;:{}}" role="button" type="button" disabled="disabled"><span class="button__text">first</span><i class="icon select__tick"></i></button><div class="popup popup_theme_normal popup_autoclosable i-bem" data-bem="{&quot;popup&quot;:{&quot;directions&quot;:[&quot;bottom-left&quot;,&quot;bottom-right&quot;,&quot;top-left&quot;,&quot;top-right&quot;]}}"><div class="menu menu_theme_normal menu_disabled menu_mode_radio menu__control select__menu i-bem" data-bem="{&quot;menu&quot;:{}}" role="menu"><div class="menu-item menu-item_checked menu-item_disabled menu-item_theme_normal i-bem" data-bem="{&quot;menu-item&quot;:{&quot;val&quot;:1}}" role="menuitem">first</div><div class="menu-item menu-item_disabled menu-item_theme_normal i-bem" data-bem="{&quot;menu-item&quot;:{&quot;val&quot;:2}}" role="menuitem">second</div></div></div></div>
@@ -0,0 +1,8 @@
({
block : 'select',
mods : { mode : 'radio', theme : 'normal' },
options : [
{ val : { value : '2' }, text : 'first' },
{ val : 2, text : 'second' }
]
})
@@ -0,0 +1 @@
<div class="select select_mode_radio select_theme_normal i-bem" data-bem="{&quot;select&quot;:{}}"><input class="select__control" type="hidden" value="{&quot;value&quot;:&quot;2&quot;}"/><button class="button button_theme_normal button__control select__button i-bem" data-bem="{&quot;button&quot;:{}}" role="button" type="button"><span class="button__text">first</span><i class="icon select__tick"></i></button><div class="popup popup_theme_normal popup_autoclosable i-bem" data-bem="{&quot;popup&quot;:{&quot;directions&quot;:[&quot;bottom-left&quot;,&quot;bottom-right&quot;,&quot;top-left&quot;,&quot;top-right&quot;]}}"><div class="menu menu_theme_normal menu_mode_radio menu__control select__menu i-bem" data-bem="{&quot;menu&quot;:{}}" role="menu"><div class="menu-item menu-item_checked menu-item_theme_normal i-bem" data-bem="{&quot;menu-item&quot;:{&quot;val&quot;:{&quot;value&quot;:&quot;2&quot;}}}" role="menuitem">first</div><div class="menu-item menu-item_theme_normal i-bem" data-bem="{&quot;menu-item&quot;:{&quot;val&quot;:2}}" role="menuitem">second</div></div></div></div>
@@ -0,0 +1,10 @@
({
block : 'select',
mods : { mode : 'check', theme : 'normal' },
name : 'select',
text : 'select-check',
options : [
{ val : 1, text : 'first', checked : true, checkedText : 'checkedText' },
{ val : 2, text : 'second', checked : true }
]
})
@@ -0,0 +1 @@
<div class="select select_mode_check select_theme_normal i-bem" data-bem="{&quot;select&quot;:{&quot;name&quot;:&quot;select&quot;,&quot;text&quot;:&quot;select-check&quot;}}"><input class="select__control" type="hidden" name="select" value="1"/><input class="select__control" type="hidden" name="select" value="2"/><button class="button button_theme_normal button_checked button__control select__button i-bem" data-bem="{&quot;button&quot;:{}}" role="button" type="button"><span class="button__text">checkedText, second</span><i class="icon select__tick"></i></button><div class="popup popup_theme_normal popup_autoclosable i-bem" data-bem="{&quot;popup&quot;:{&quot;directions&quot;:[&quot;bottom-left&quot;,&quot;bottom-right&quot;,&quot;top-left&quot;,&quot;top-right&quot;]}}"><div class="menu menu_theme_normal menu_mode_check menu__control select__menu i-bem" data-bem="{&quot;menu&quot;:{}}" role="menu"><div class="menu-item menu-item_checked menu-item_theme_normal i-bem" data-bem="{&quot;menu-item&quot;:{&quot;checkedText&quot;:&quot;checkedText&quot;,&quot;val&quot;:1}}" role="menuitem">first</div><div class="menu-item menu-item_checked menu-item_theme_normal i-bem" data-bem="{&quot;menu-item&quot;:{&quot;val&quot;:2}}" role="menuitem">second</div></div></div></div>
@@ -0,0 +1,9 @@
({
block : 'select',
mods : { mode : 'check', theme : 'normal' },
text : 'select-check',
options : [
{ val : 1, text : 'first' },
{ val : 2, text : 'second' }
]
})
@@ -0,0 +1 @@
<div class="select select_mode_check select_theme_normal i-bem" data-bem="{&quot;select&quot;:{&quot;text&quot;:&quot;select-check&quot;}}"><button class="button button_theme_normal button__control select__button i-bem" data-bem="{&quot;button&quot;:{}}" role="button" type="button"><span class="button__text">select-check</span><i class="icon select__tick"></i></button><div class="popup popup_theme_normal popup_autoclosable i-bem" data-bem="{&quot;popup&quot;:{&quot;directions&quot;:[&quot;bottom-left&quot;,&quot;bottom-right&quot;,&quot;top-left&quot;,&quot;top-right&quot;]}}"><div class="menu menu_theme_normal menu_mode_check menu__control select__menu i-bem" data-bem="{&quot;menu&quot;:{}}" role="menu"><div class="menu-item menu-item_theme_normal i-bem" data-bem="{&quot;menu-item&quot;:{&quot;val&quot;:1}}" role="menuitem">first</div><div class="menu-item menu-item_theme_normal i-bem" data-bem="{&quot;menu-item&quot;:{&quot;val&quot;:2}}" role="menuitem">second</div></div></div></div>
@@ -0,0 +1,9 @@
({
block : 'select',
mods : { mode : 'radio-check', theme : 'normal' },
text : 'select-radio-check',
options : [
{ val : 1, text : 'first' },
{ val : 2, text : 'second' }
]
})
@@ -0,0 +1 @@
<div class="select select_mode_radio-check select_theme_normal i-bem" data-bem="{&quot;select&quot;:{&quot;text&quot;:&quot;select-radio-check&quot;}}"><button class="button button_theme_normal button__control select__button i-bem" data-bem="{&quot;button&quot;:{}}" role="button" type="button"><span class="button__text">select-radio-check</span><i class="icon select__tick"></i></button><div class="popup popup_theme_normal popup_autoclosable i-bem" data-bem="{&quot;popup&quot;:{&quot;directions&quot;:[&quot;bottom-left&quot;,&quot;bottom-right&quot;,&quot;top-left&quot;,&quot;top-right&quot;]}}"><div class="menu menu_theme_normal menu_mode_radio-check menu__control select__menu i-bem" data-bem="{&quot;menu&quot;:{}}" role="menu"><div class="menu-item menu-item_theme_normal i-bem" data-bem="{&quot;menu-item&quot;:{&quot;val&quot;:1}}" role="menuitem">first</div><div class="menu-item menu-item_theme_normal i-bem" data-bem="{&quot;menu-item&quot;:{&quot;val&quot;:2}}" role="menuitem">second</div></div></div></div>
@@ -0,0 +1,8 @@
({
block : 'select',
mods : { mode : 'radio-check', theme : 'normal' },
options : [
{ val : 1, text : 'first', checked : true },
{ val : 2, text : 'second' }
]
})
@@ -0,0 +1 @@
<div class="select select_mode_radio-check select_theme_normal i-bem" data-bem="{&quot;select&quot;:{}}"><input class="select__control" type="hidden" value="1"/><button class="button button_theme_normal button_checked button__control select__button i-bem" data-bem="{&quot;button&quot;:{}}" role="button" type="button"><span class="button__text">first</span><i class="icon select__tick"></i></button><div class="popup popup_theme_normal popup_autoclosable i-bem" data-bem="{&quot;popup&quot;:{&quot;directions&quot;:[&quot;bottom-left&quot;,&quot;bottom-right&quot;,&quot;top-left&quot;,&quot;top-right&quot;]}}"><div class="menu menu_theme_normal menu_mode_radio-check menu__control select__menu i-bem" data-bem="{&quot;menu&quot;:{}}" role="menu"><div class="menu-item menu-item_checked menu-item_theme_normal i-bem" data-bem="{&quot;menu-item&quot;:{&quot;val&quot;:1}}" role="menuitem">first</div><div class="menu-item menu-item_theme_normal i-bem" data-bem="{&quot;menu-item&quot;:{&quot;val&quot;:2}}" role="menuitem">second</div></div></div></div>

0 comments on commit 86e1914

Please sign in to comment.