test(radio): add basic tests

Author: Kamil Kisiela

package.js

@@ -121,6 +121,7 @@ Package.onTest(function(api) {
         'tests/client/types/checkbox-spec.js',
         'tests/client/types/chips-spec.js',
         'tests/client/types/datepicker-spec.js',
-        'tests/client/types/input-spec.js'
+        'tests/client/types/input-spec.js',
+        'tests/client/types/radio-spec.js'
     ], client);
 });

tests/client/types/radio-spec.js

@@ -0,0 +1,108 @@
+describe("formlyMaterial - radio type", () => {
+
+    //
+    // vars
+    //
+
+    let formlyConfig;
+    let $compile;
+    let $rootScope;
+    let $scope;
+    let form;
+    let element;
+    let optionsElements;
+    let field;
+
+    //
+    // helpers
+    //
+
+    function compile(options) {
+        $scope = $rootScope.$new();
+        $scope.fields = [angular.merge({}, {
+            key: 'testField',
+            type: 'radio',
+            templateOptions: {
+                label: 'test field',
+                options: [
+                    {name: 'first', nameUp: 'FIRST', value: 'f', valueUp: 'F'},
+                    {name: 'second', nameUp: 'SECOND', value: 's', valueUp: 'S'}
+                ]
+            }
+        }, options)];
+
+        form = $compile(testUtils.formTemplate)($scope);
+        $scope.$digest();
+        field = $scope.fields[0];
+        element = form.find('[ng-model]');
+        optionsElements = element.find('md-radio-button');
+    }
+
+    //
+    // tests
+    //
+
+    beforeEach(() => {
+        angular.module('testApp', ['angular-meteor', 'formly', 'formlyMaterial']);
+        module('testApp');
+
+        inject((_$compile_, _$rootScope_, _formlyConfig_) => {
+            $compile = _$compile_;
+            $rootScope = _$rootScope_;
+            formlyConfig = _formlyConfig_;
+        });
+
+        const types = ['radio'];
+
+        types.forEach((type) => {
+            testUtils.fixTypeTemplateUrl(formlyConfig, type);
+        });
+    });
+
+    it('should be md-radio-group element', () => {
+        compile();
+        expect(element[0].nodeName).toBe('MD-RADIO-GROUP');
+    });
+
+    it('should have options with default properties for name and value', () => {
+        compile();
+        expect(optionsElements.length).toBe(field.templateOptions.options.length);
+
+        field.templateOptions.options.forEach((option, key) => {
+            let el = angular.element(optionsElements[key]);
+            expect(el.attr('value')).toBe(option.value);
+            expect(el.find('.md-label > span')[0].innerText).toContain(option.name);
+        });
+    });
+
+    it('should handle valueProp', () => {
+        compile({
+            templateOptions: {
+                valueProp: 'valueUp'
+            }
+        });
+        expect(optionsElements.length).toBe(field.templateOptions.options.length);
+
+        field.templateOptions.options.forEach((option, key) => {
+            let el = angular.element(optionsElements[key]);
+            expect(el.attr('value')).toBe(option.valueUp);
+            expect(el.find('.md-label > span')[0].innerText).toContain(option.name);
+        });
+    });
+
+    it('should handle labelProp', () => {
+        compile({
+            templateOptions: {
+                labelProp: 'nameUp'
+            }
+        });
+        expect(optionsElements.length).toBe(field.templateOptions.options.length);
+
+        field.templateOptions.options.forEach((option, key) => {
+            let el = angular.element(optionsElements[key]);
+            expect(el.attr('value')).toBe(option.value);
+            expect(el.find('.md-label > span')[0].innerText).toContain(option.nameUp);
+        });
+    });
+
+});