radio-group: Gemini write test

common.blocks/radio-group/radio-group.tests/gemini.bemjson.js

@@ -0,0 +1,146 @@
+({
+    block : 'page',
+    title : 'bem-components: radio-group',
+    mods : { theme : 'normal' },
+    head : [
+        { elem : 'css', url : '_gemini.css' },
+        { elem : 'js', url : '_gemini.js' }
+    ],
+    content : [
+
+        { tag : 'h2', content : 'default ' },
+
+        { block : 'test', cls : 'default-enabled', content : {
+            block : 'radio-group',
+            name : 'default1',
+            options : [
+                { val : 1, text : 'first' },
+                { val : 2, text : 'second', checked : true }
+            ]
+        } },
+
+        { block : 'test', cls : 'default-disabled', content : {
+            block : 'radio-group',
+            name : 'default2',
+            options : [
+                { val : 3, text : 'third', disabled : true },
+                { val : 4, text : 'four', checked : true, disabled : true }
+            ]
+        } },
+
+        ['m', 'l'].map(function(size) {
+            return [
+                { tag : 'hr' },
+
+                { tag : 'h2', content : 'size ' + size },
+
+                { block : 'test', cls : 'normal-' + size + '-enabled', content : {
+                    block : 'radio-group',
+                    name : 'normal1',
+                    mods : { theme : 'normal', size : size },
+                    options : [
+                        { val : 1, text : 'first' },
+                        { val : 2, text : 'second', checked : true }
+                    ]
+                } },
+
+                { block : 'test', cls : 'normal-' + size + '-disabled', content : {
+                    block : 'radio-group',
+                    name : 'normal2',
+                    mods : { theme : 'normal', size : size  },
+                    options : [
+                        { val : 3, text : 'third', disabled : true },
+                        { val : 4, text : 'four', checked : true, disabled : true }
+                    ]
+                } },
+
+                { block : 'test', cls : 'line-normal-' + size + '-enabled', content : {
+                    block : 'radio-group',
+                    name : 'normal-line1',
+                    mods : { theme : 'normal', size : size, type : 'line' },
+                    options : [
+                        { val : 1, text : 'first' },
+                        { val : 2, text : 'second', checked : true }
+                    ]
+                } },
+
+                { block : 'test', cls : 'line-normal-' + size + '-disabled', content : {
+                    block : 'radio-group',
+                    name : 'normal-line2',
+                    mods : { theme : 'normal', size : size, type : 'line' },
+                    options : [
+                        { val : 3, text : 'third', disabled : true },
+                        { val : 4, text : 'fourth', checked : true, disabled : true }
+                    ]
+                } },
+
+                { block : 'test', content : {
+                    block : 'radio-group',
+                    name : 'normal-button1',
+                    mods : { theme : 'normal', size : size, type : 'button' },
+                    options : [
+                        { val : 1, text : 'first' },
+                        { val : 2, text : 'second', checked : true }
+                    ],
+                    cls : 'button-normal-' + size + '-enabled'
+                } },
+
+                {
+                    block : 'radio-group',
+                    name : 'normal-button2',
+                    mods : { theme : 'normal', size : size, type : 'button' },
+                    options : [
+                        { val : 3, text : 'third', disabled : true },
+                        { val : 4, text : 'fourth', checked : true, disabled : true }
+                    ],
+                    cls : 'button-normal-' + size + '-disabled'
+                },
+
+                { tag : 'br' },
+
+                { block : 'test', content : {
+                    block : 'radio-group',
+                    name : 'normal-button3',
+                    mods : { theme : 'normal', size : size, type : 'button' },
+                    cls : 'button-normal-' + size + '-icon-enabled',
+                    options : [
+                        {
+                            val : 'vk',
+                            text : 'VK',
+                            icon : { block : 'icon', mods : { social : 'vk' } }
+                        },
+                        {
+                            val : 'twitter',
+                            text : 'Twitter',
+                            icon : { block : 'icon', mods : { social : 'twitter' } },
+                            checked : true
+                        }
+                    ]
+                } },
+
+                {
+                    block : 'radio-group',
+                    name : 'normal-button4',
+                    mods : { theme : 'normal', size : size, type : 'button' },
+                    cls : 'button-normal-' + size + '-icon-disabled',
+                    options : [
+                        {
+                            val : 'vk',
+                            text : 'VK',
+                            disabled : true,
+                            icon : { block : 'icon', mods : { social : 'vk' } }
+                        },
+                        {
+                            val : 'twitter',
+                            text : 'Twitter',
+                            disabled : true,
+                            checked : true,
+                            icon : { block : 'icon', mods : { social : 'twitter' } }
+                        }
+                    ]
+                }
+            ]
+        })
+
+    ]
+});

common.blocks/radio-group/radio-group.tests/gemini.blocks/.bem/level.js

@@ -0,0 +1 @@
+exports.baseLevelPath = require.resolve('../../../../../.bem/levels/blocks');

common.blocks/radio-group/radio-group.tests/gemini.blocks/test/test.styl

@@ -0,0 +1,6 @@
+.test
+{
+    display: inline-block;
+
+    margin: 0 55px 10px 0;
+}

gemini/radio-group.gemini.js

@@ -0,0 +1,62 @@
+var gemini = require('gemini');
+
+gemini.suite('radio-group', function(root) {
+
+    root.setUrl('desktop.tests/radio-group/gemini/gemini.html');
+
+    [
+        'default',
+        'button-normal-m',
+        'button-normal-l',
+        'button-normal-m-icon',
+        'button-normal-l-icon',
+        'normal-l',
+        'normal-m',
+        'line-normal-m',
+        'line-normal-l'
+    ]
+        .forEach(function(test) {
+            var radioItemSelector = '.' + test,
+                radioItemSelectorEnabled = radioItemSelector + '-enabled',
+                radioItemSelectorDisabled = radioItemSelector + '-disabled',
+                captureArea,
+                control;
+
+            // in different types we need different main elements
+            if(!!~test.indexOf('button')) {
+                captureArea = radioItemSelectorEnabled + ' .button';
+                control = ' .radio';
+            } else {
+                captureArea = radioItemSelectorEnabled + ' .radio__box';
+                control = ' .radio__control';
+            }
+
+            gemini.suite(test + '-enabled', function(suite) {
+                suite
+                    .setCaptureElements(radioItemSelectorEnabled, captureArea)
+                    .before(function(actions, find) {
+                        this.radioItem = find(radioItemSelectorEnabled + control);
+                    })
+                    .capture('plain')
+                    .capture('hovered', function(actions) {
+                        actions.mouseMove(this.radioItem);
+                    })
+                    .capture('focused-hard', function(actions) {
+                        actions.sendKeys(this.radioItem, 'focused-hard');
+                    })
+                    .capture('down', function(actions) {
+                        actions.mouseDown(this.radioItem);
+                    })
+                    .capture('up', function(actions) {
+                        actions.mouseUp(this.radioItem);
+                    });
+            });
+
+            gemini.suite(test + '-disabled', function(suite) {
+                suite
+                    .setCaptureElements(radioItemSelectorDisabled)
+                    .capture('plain');
+            });
+        });
+
+});