vue-typeahead-bootstrap - npm Package Compare versions

Comparing version 2.6.1 to 2.7.0

CHANGELOG.md

@@ -0,1 +1,5 @@
+## 2.7.0 - 31 Dec 2020
+- Add support for different background colors per list item
+- NOTE: also changing from `bg-${context}` to `list-group-item-${context}` to match bootstrap docs and allow text colors to change automatically
+
 ## 2.6.1 - 28 Dec 2020
@@ -2,0 +6,0 @@ - Add internationalization support, specifically for diacritics (accents, etc)

package.json

 {
   "name": "vue-typeahead-bootstrap",
-  "version": "2.6.1",
+  "version": "2.7.0",
   "private": false,
@@ -5,0 +5,0 @@ "description": "A typeahead/autocomplete component for Vue 2 using Bootstrap 4",

tests/unit/VueTypeaheadBootstrapListItem.spec.js

@@ -24,4 +24,66 @@ import { shallowMount } from '@vue/test-utils'
     await wrapper.vm.$nextTick()
-    expect(wrapper.classes()).toEqual(expect.arrayContaining(['bg-light']))
+    expect(wrapper.classes()).toEqual(expect.arrayContaining(['list-group-item-light']))
   })
+
+  it('Renders text classes properly when backgroundVariantResolver is not specified', async () => {
+    const baseClasses = [...wrapper.vm.baseTextClasses]
+    expect(wrapper.classes()).toHaveLength(baseClasses.length)
+    expect(wrapper.classes()).toEqual(expect.arrayContaining([...baseClasses]))
+  })
+
+  it('Renders text classes properly when backgroundVariantResolver returns non-string', async () => {
+    const baseClasses = [...wrapper.vm.baseTextClasses]
+    const resolver1 = () => [ 'light', 'dark' ]
+    wrapper.setProps({ backgroundVariantResolver: resolver1 })
+    await wrapper.vm.$nextTick()
+    // the first resolver returns an array when it should be returning a string;
+    // therefore the classes assigned to the wrapper should be the same as the
+    // base classes.
+    expect(wrapper.classes()).toHaveLength(baseClasses.length)
+    expect(wrapper.classes()).toEqual(expect.arrayContaining([...baseClasses]))
+    const resolver2 = () => ({ 'class1': 'light', 'class2': 'dark' })
+    wrapper.setProps({ backgroundVariantResolver: resolver2 })
+    await wrapper.vm.$nextTick()
+    // the second resolver returns an object, therefore the classes
+    // assigned to the wrapper should also be the same as the base classes.
+    expect(wrapper.classes()).toHaveLength(baseClasses.length)
+    expect(wrapper.classes()).toEqual(expect.arrayContaining([...baseClasses]))
+  })
+
+  it('Renders backgroundVariantResolver classes properly', async () => {
+    const baseClasses = [...wrapper.vm.baseTextClasses]
+    const testItems = [
+      {
+        data: { 'prop': 'light' },
+        resolver: (d) => d.prop
+      },
+      {
+        data: { 'prop': 'dark' },
+        resolver: (d) => d.prop
+      },
+      {
+        data: { 'prop': 'warning' },
+        resolver: (d) => d.prop
+      }
+    ]
+    // iterate through the test items which specify a classname to add
+    // and a resolver to use.
+    for (let i = 0; i < testItems.length; i++) {
+      wrapper.setProps({ backgroundVariantResolver: testItems[i].resolver, data: testItems[i].data })
+      await wrapper.vm.$nextTick()
+      // this should be adding a single class to the baseClasses, should not be appending
+      expect(wrapper.classes()).toHaveLength(baseClasses.length + 1)
+      expect(wrapper.classes()).toEqual(expect.arrayContaining([`list-group-item-${[testItems[i].data.prop]}`]))
+    }
+  })
+
+  it('Favors backgroundVariantResolver class over backgroundVariant class', async () => {
+    const baseClasses = [...wrapper.vm.baseTextClasses]
+    const resolver1 = () => 'dark'
+    // we are specifying both a backgroungVariant and a backgroundVariantResolver
+    wrapper.setProps({ backgroundVariant: 'light', backgroundVariantResolver: resolver1 })
+    await wrapper.vm.$nextTick()
+    expect(wrapper.classes()).toHaveLength(baseClasses.length + 1)
+    expect(wrapper.classes()).toEqual(expect.arrayContaining([`list-group-item-dark`]))
+  })
 })

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

55543

increased by7.86%

Lines of code

550

increased by11.79%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes