test(chips): check this templateOptions: placeholder, secondaryPlaceholder, deleteButtonLabel, deleteHint

Author: Kamil Kisiela

package.js

@@ -118,6 +118,7 @@ Package.onTest(function(api) {
         'tests/client/test-utils.js',
         'tests/client/formly-material-spec.js',
         // types
-        'tests/client/types/checkbox-spec.js'
+        'tests/client/types/checkbox-spec.js',
+        'tests/client/types/chips-spec.js'
     ], client);
 });

tests/client/types/chips-spec.js

@@ -0,0 +1,80 @@
+describe("formlyMaterial - chips type", () => {
+
+    //
+    // vars
+    //
+    let formlyConfig;
+    let $compile;
+    let $rootScope;
+    let $scope;
+    let element;
+    let field;
+    //
+    // helpers
+    //
+
+    function compile(options) {
+        $scope = $rootScope.$new();
+        $scope.fields = [angular.merge({}, {
+            key: 'testField',
+            type: 'chips',
+            templateOptions: {
+                label: 'test field',
+                placeholder: "+tags",
+                secondaryPlaceholder: "Add tag",
+                deleteButtonLabel: "Remove",
+                deleteHint: "Remove tag"
+            }
+        }, options)];
+
+        let form = $compile(testUtils.formTemplate)($scope);
+        
+        $scope.$digest();
+        field = $scope.fields[0];
+        element = form.find('[ng-model]');
+    }
+
+    //
+    // tests
+    //
+
+    beforeEach(() => {
+        angular.module('testApp', ['angular-meteor', 'formly', 'formlyMaterial']);
+        module('testApp');
+
+        inject((_$compile_, _$rootScope_, _formlyConfig_) => {
+            $compile = _$compile_;
+            $rootScope = _$rootScope_;
+            formlyConfig = _formlyConfig_;
+        });
+
+        const types = ['chips'];
+
+        types.forEach((type) => {
+            testUtils.fixTypeTemplateUrl(formlyConfig, type);
+        });
+
+        compile();
+    });
+
+    it('should be md-chips element', () => {
+        expect(element[0].nodeName).toBe('MD-CHIPS');
+    });
+
+    it('should have placeholder', () => {
+        expect(element.attr('placeholder')).toBe(field.templateOptions.placeholder);
+    });
+
+    it('should have secondary placeholder', () => {
+        expect(element.attr('secondary-placeholder')).toBe(field.templateOptions.secondaryPlaceholder);
+    });
+
+    it('should have delete button label', () => {
+        expect(element.attr('delete-button-label')).toBe(field.templateOptions.deleteButtonLabel);
+    });
+
+    it('should have delete hint', () => {
+        expect(element.attr('delete-hint')).toBe(field.templateOptions.deleteHint);
+    });
+
+});