feat(b-dropdown-form): add formClass prop for adding classes to the form element (closes #4474) (#4475)

bbugh · tmorehouse · commit eef4200976f7 · 2019-12-09T13:53:55.000-04:00
diff --git a/src/components/dropdown/dropdown-form.js b/src/components/dropdown/dropdown-form.js
@@ -11,6 +11,10 @@ export const BDropdownForm = /*#__PURE__*/ Vue.extend({
     disabled: {
       type: Boolean,
       default: false
+    },
+    formClass: {
+      type: [String, Object, Array],
+      default: null
     }
   },
   render(h, { props, data, children }) {
@@ -24,7 +28,7 @@ export const BDropdownForm = /*#__PURE__*/ Vue.extend({
         {
           ref: 'form',
           staticClass: 'b-dropdown-form',
-          class: { disabled: props.disabled },
+          class: [props.formClass, { disabled: props.disabled }],
           props,
           attrs: {
             ...$attrs,
diff --git a/src/components/dropdown/dropdown-form.spec.js b/src/components/dropdown/dropdown-form.spec.js
@@ -20,6 +20,17 @@ describe('dropdown-form', () => {
     expect(form.classes()).not.toContain('disabled')
   })
 
+  it('should have custom form classes on form', async () => {
+    const wrapper = mount(BDropdownForm, {
+      propsData: {
+        formClass: ['form-class-custom', 'form-class-custom-2']
+      }
+    })
+
+    const form = wrapper.find('form')
+    expect(form.classes()).toEqual(['b-dropdown-form', 'form-class-custom', 'form-class-custom-2'])
+  })
+
   it('has tabindex on form', async () => {
     const wrapper = mount(BDropdownForm)
     expect(wrapper.is('li')).toBe(true)
diff --git a/src/components/dropdown/package.json b/src/components/dropdown/package.json
@@ -256,6 +256,11 @@
           {
             "prop": "validated",
             "description": "When set, adds the Bootstrap class 'was-validated' on the form, triggering the native browser validation states"
+          },
+          {
+            "prop": "formClass",
+            "version": "2.2.0",
+            "description": "CSS class (or classes) to add to the form"
           }
         ]
       },

Original file line number	Diff line number	Diff line change
`@@ -256,6 +256,11 @@`
`256`	`256`	`{`
`257`	`257`	`"prop": "validated",`
`258`	`258`	`"description": "When set, adds the Bootstrap class 'was-validated' on the form, triggering the native browser validation states"`
	`259`	`+ },`
	`260`	`+ {`
	`261`	`+ "prop": "formClass",`
	`262`	`+ "version": "2.2.0",`
	`263`	`+ "description": "CSS class (or classes) to add to the form"`
`259`	`264`	`}`
`260`	`265`	`]`
`261`	`266`	`},`