@gitlab/duo-ui 0.1.0 → 0.3.0

package/src/vendor/bootstrap-vue/src/components/form/form-valid-feedback.spec.js

@@ -0,0 +1,157 @@
+import { mount } from '@vue/test-utils'
+import { BFormValidFeedback } from './form-valid-feedback'
+
+describe('form-valid-feedback', () => {
+  it('default should have tag div', async () => {
+    const wrapper = mount(BFormValidFeedback)
+
+    expect(wrapper.element.tagName).toBe('DIV')
+
+    wrapper.destroy()
+  })
+
+  it('default should contain base class', async () => {
+    const wrapper = mount(BFormValidFeedback)
+
+    expect(wrapper.classes()).toContain('valid-feedback')
+
+    wrapper.destroy()
+  })
+
+  it('default should not have class d-block', async () => {
+    const wrapper = mount(BFormValidFeedback)
+
+    expect(wrapper.classes()).not.toContain('d-block')
+
+    wrapper.destroy()
+  })
+
+  it('default should not have class valid-tooltip', async () => {
+    const wrapper = mount(BFormValidFeedback)
+
+    expect(wrapper.classes()).not.toContain('valid-tooltip')
+
+    wrapper.destroy()
+  })
+
+  it('default should not have id', async () => {
+    const wrapper = mount(BFormValidFeedback)
+
+    expect(wrapper.attributes('id')).toBeUndefined()
+
+    wrapper.destroy()
+  })
+
+  it('default should have user supplied id', async () => {
+    const wrapper = mount(BFormValidFeedback, {
+      context: {
+        props: {
+          id: 'foobar'
+        }
+      }
+    })
+
+    expect(wrapper.attributes('id')).toBe('foobar')
+
+    wrapper.destroy()
+  })
+
+  it('should have tag small when tag=small', async () => {
+    const wrapper = mount(BFormValidFeedback, {
+      context: {
+        props: {
+          tag: 'small'
+        }
+      }
+    })
+
+    expect(wrapper.element.tagName).toBe('SMALL')
+
+    wrapper.destroy()
+  })
+
+  it('should contain class d-block when force-show is set', async () => {
+    const wrapper = mount(BFormValidFeedback, {
+      context: {
+        props: {
+          forceShow: true
+        }
+      }
+    })
+
+    expect(wrapper.classes()).toContain('d-block')
+
+    wrapper.destroy()
+  })
+
+  it('should contain class d-block when state is true', async () => {
+    const wrapper = mount(BFormValidFeedback, {
+      context: {
+        props: {
+          state: true
+        }
+      }
+    })
+
+    expect(wrapper.classes()).toContain('d-block')
+
+    wrapper.destroy()
+  })
+
+  it('should not contain class d-block when state is false', async () => {
+    const wrapper = mount(BFormValidFeedback, {
+      context: {
+        props: {
+          state: false
+        }
+      }
+    })
+
+    expect(wrapper.classes()).not.toContain('d-block')
+
+    wrapper.destroy()
+  })
+
+  it('should contain class d-block when force-show is true and state is false', async () => {
+    const wrapper = mount(BFormValidFeedback, {
+      context: {
+        props: {
+          forceShow: true,
+          state: false
+        }
+      }
+    })
+
+    expect(wrapper.classes()).toContain('d-block')
+
+    wrapper.destroy()
+  })
+
+  it('should contain class valid-tooltip when tooltip is set', async () => {
+    const wrapper = mount(BFormValidFeedback, {
+      context: {
+        props: {
+          tooltip: true
+        }
+      }
+    })
+
+    expect(wrapper.classes()).toContain('valid-tooltip')
+
+    wrapper.destroy()
+  })
+
+  it('should not contain class valid-feedback when tooltip is set', async () => {
+    const wrapper = mount(BFormValidFeedback, {
+      context: {
+        props: {
+          tooltip: true
+        }
+      }
+    })
+
+    expect(wrapper.classes()).not.toContain('valid-feedback')
+
+    wrapper.destroy()
+  })
+})

package/src/vendor/bootstrap-vue/src/components/form/form.spec.js

@@ -0,0 +1,97 @@
+import { mount } from '@vue/test-utils'
+import { BForm } from './form'
+
+describe('form', () => {
+  it('has expected default structure', async () => {
+    const wrapper = mount(BForm)
+
+    expect(wrapper.element.tagName).toBe('FORM')
+    expect(wrapper.classes().length).toBe(0)
+    expect(wrapper.text()).toEqual('')
+
+    wrapper.destroy()
+  })
+
+  it('renders default slot content', async () => {
+    const wrapper = mount(BForm, {
+      slots: {
+        default: 'foobar'
+      }
+    })
+
+    expect(wrapper.element.tagName).toBe('FORM')
+    expect(wrapper.classes().length).toBe(0)
+    expect(wrapper.attributes('id')).toBeUndefined()
+    expect(wrapper.attributes('novalidate')).toBeUndefined()
+    expect(wrapper.text()).toEqual('foobar')
+
+    wrapper.destroy()
+  })
+
+  it('has class form-inline when prop inline set', async () => {
+    const wrapper = mount(BForm, {
+      propsData: {
+        inline: true
+      }
+    })
+
+    expect(wrapper.element.tagName).toBe('FORM')
+    expect(wrapper.classes()).toContain('form-inline')
+    expect(wrapper.classes().length).toBe(1)
+    expect(wrapper.attributes('id')).toBeUndefined()
+    expect(wrapper.attributes('novalidate')).toBeUndefined()
+    expect(wrapper.text()).toEqual('')
+
+    wrapper.destroy()
+  })
+
+  it('has class was-validation when prop validated set', async () => {
+    const wrapper = mount(BForm, {
+      propsData: {
+        validated: true
+      }
+    })
+
+    expect(wrapper.element.tagName).toBe('FORM')
+    expect(wrapper.classes()).toContain('was-validated')
+    expect(wrapper.classes().length).toBe(1)
+    expect(wrapper.attributes('id')).toBeUndefined()
+    expect(wrapper.attributes('novalidate')).toBeUndefined()
+    expect(wrapper.text()).toEqual('')
+
+    wrapper.destroy()
+  })
+
+  it('has user supplied id', async () => {
+    const wrapper = mount(BForm, {
+      propsData: {
+        id: 'foo'
+      }
+    })
+
+    expect(wrapper.element.tagName).toBe('FORM')
+    expect(wrapper.classes().length).toBe(0)
+    expect(wrapper.attributes('id')).toBeDefined()
+    expect(wrapper.attributes('id')).toEqual('foo')
+    expect(wrapper.attributes('novalidate')).toBeUndefined()
+    expect(wrapper.text()).toEqual('')
+
+    wrapper.destroy()
+  })
+
+  it('has attribute novalidate when prop novalidate set', async () => {
+    const wrapper = mount(BForm, {
+      propsData: {
+        novalidate: true
+      }
+    })
+
+    expect(wrapper.element.tagName).toBe('FORM')
+    expect(wrapper.classes().length).toBe(0)
+    expect(wrapper.attributes('id')).toBeUndefined()
+    expect(wrapper.attributes('novalidate')).toBeDefined()
+    expect(wrapper.text()).toEqual('')
+
+    wrapper.destroy()
+  })
+})

package/src/vendor/bootstrap-vue/src/components/form/index.d.ts

@@ -0,0 +1,16 @@
+//
+// Form
+//
+import { BvComponent } from '../../'
+
+// Component: b-form
+export declare class BForm extends BvComponent {}
+
+// Component: b-form-text
+export declare class BFormText extends BvComponent {}
+
+// Component: b-form-invalid-feedback
+export declare class BFormInvalidFeedback extends BvComponent {}
+
+// Component: b-form-valid-feedback
+export declare class BFormValidFeedback extends BvComponent {}

package/src/vendor/bootstrap-vue/src/components/form/package.json

@@ -0,0 +1,112 @@
+{
+  "name": "@bootstrap-vue/form",
+  "version": "1.0.0",
+  "meta": {
+    "title": "Form",
+    "description": "Form component and form helper components that optionally supports inline form styles and validation states.",
+    "slug": "form",
+    "components": [
+      {
+        "component": "BForm",
+        "props": [
+          {
+            "prop": "inline",
+            "description": "When set, the form will be in inline mode which display labels, form controls, and buttons on a single horizontal row"
+          },
+          {
+            "prop": "novalidate",
+            "description": "When set, disables browser native HTML5 validation on controls in the form"
+          },
+          {
+            "prop": "validated",
+            "description": "When set, adds the Bootstrap class 'was-validated' on the form, triggering the native browser validation states"
+          }
+        ],
+        "events": [
+          {
+            "event": "submit",
+            "description": "Emitted when the form is being submitted",
+            "args": [
+              {
+                "arg": "event",
+                "type": "Event",
+                "description": "Native submit event"
+              }
+            ]
+          }
+        ],
+        "slots": [
+          {
+            "name": "default",
+            "description": "Content to place in the form"
+          }
+        ]
+      },
+      {
+        "component": "BFormText",
+        "props": [
+          {
+            "prop": "inline",
+            "description": "When set, renders the help text as an inline element, rather than a block element"
+          },
+          {
+            "prop": "textVariant",
+            "description": "Applies one of the Bootstrap theme color variants to the text"
+          }
+        ],
+        "slots": [
+          {
+            "name": "default",
+            "description": "Content to place in the form text"
+          }
+        ]
+      },
+      {
+        "component": "BFormInvalidFeedback",
+        "props": [
+          {
+            "prop": "forceShow",
+            "description": "Shows the feedback text, regardless of the value of the 'state' prop"
+          },
+          {
+            "prop": "state",
+            "description": "When explicitly 'false', forces the feedback to show"
+          },
+          {
+            "prop": "tooltip",
+            "description": "Renders the feedback text in a rudimentary tooltip style"
+          }
+        ],
+        "slots": [
+          {
+            "name": "default",
+            "description": "Content to place in the form invalid feedback"
+          }
+        ]
+      },
+      {
+        "component": "BFormValidFeedback",
+        "props": [
+          {
+            "prop": "forceShow",
+            "description": "Shows the feedback text, regardless of the value of the 'state' prop"
+          },
+          {
+            "prop": "state",
+            "description": "When explicitly 'true', forces the feedback to show"
+          },
+          {
+            "prop": "tooltip",
+            "description": "Renders the feedback text in a rudimentary tooltip style"
+          }
+        ],
+        "slots": [
+          {
+            "name": "default",
+            "description": "Content to place in the form valid feedback element"
+          }
+        ]
+      }
+    ]
+  }
+}