Skip to content

chore: more unit test conversion #2964

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 56 commits into from
Mar 31, 2019
Merged

chore: more unit test conversion #2964

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
56 commits
Select commit Hold shift + click to select a range
42e69a2
Delete progress.html
tmorehouse Mar 31, 2019
79b9f1b
Delete progress.js
tmorehouse Mar 31, 2019
0ac7166
Delete navbar.html
tmorehouse Mar 31, 2019
493911f
Delete navbar.js
tmorehouse Mar 31, 2019
b67833c
Delete navbar-dropdown.spec.js
tmorehouse Mar 31, 2019
31978e2
Create nav-item-dropdown.spec.js
tmorehouse Mar 31, 2019
0bd31c4
Update collapse.html
tmorehouse Mar 31, 2019
322cb1b
Update nav-item-dropdown.spec.js
tmorehouse Mar 31, 2019
ff067dc
Create media-aside.spec.js
tmorehouse Mar 31, 2019
03ab6e6
Update media-aside.spec.js
tmorehouse Mar 31, 2019
1dc9229
Create media-body.spec.js
tmorehouse Mar 31, 2019
d0cd166
Update media.spec.js
tmorehouse Mar 31, 2019
4d812b1
Delete media.html
tmorehouse Mar 31, 2019
59967dc
Delete media.js
tmorehouse Mar 31, 2019
62f87d1
Update media.spec.js
tmorehouse Mar 31, 2019
0ec5abc
Update media.spec.js
tmorehouse Mar 31, 2019
eda1dff
Update media.spec.js
tmorehouse Mar 31, 2019
4d7dbc3
Update media.spec.js
tmorehouse Mar 31, 2019
91d8f04
Create input-group-text.spec.js
tmorehouse Mar 31, 2019
eea0a21
Update input-group-text.spec.js
tmorehouse Mar 31, 2019
eb141ba
Update input-group-text.spec.js
tmorehouse Mar 31, 2019
4168d5c
Update input-group-text.spec.js
tmorehouse Mar 31, 2019
180145f
Create input-group-append.spec.js
tmorehouse Mar 31, 2019
1c0d09e
Create input-group-prepend.spec.js
tmorehouse Mar 31, 2019
feece91
Update input-group.spec.js
tmorehouse Mar 31, 2019
dd88551
Delete input-group.html
tmorehouse Mar 31, 2019
276d039
Delete input-group.js
tmorehouse Mar 31, 2019
3182a36
Update input-group.spec.js
tmorehouse Mar 31, 2019
de768e5
Update input-group.spec.js
tmorehouse Mar 31, 2019
6d84672
Update input-group.spec.js
tmorehouse Mar 31, 2019
2322129
Update container.spec.js
tmorehouse Mar 31, 2019
c3cec87
Update container.spec.js
tmorehouse Mar 31, 2019
9bebf32
Update row.spec.js
tmorehouse Mar 31, 2019
c3a154f
Create form-row.spec.js
tmorehouse Mar 31, 2019
ccf18e7
Update container.spec.js
tmorehouse Mar 31, 2019
3753d63
Update row.spec.js
tmorehouse Mar 31, 2019
0b17b0a
Update list-group-item.spec.js
tmorehouse Mar 31, 2019
5f296c3
Update input-group-append.spec.js
tmorehouse Mar 31, 2019
ebf5a65
Update input-group-prepend.spec.js
tmorehouse Mar 31, 2019
9b3a80c
Update input-group-text.spec.js
tmorehouse Mar 31, 2019
a24080c
Update form-row.spec.js
tmorehouse Mar 31, 2019
023f1fe
Update row.spec.js
tmorehouse Mar 31, 2019
8f6e92a
Update form-row.spec.js
tmorehouse Mar 31, 2019
9788e93
Update col.spec.js
tmorehouse Mar 31, 2019
e4ef5db
Update col.spec.js
tmorehouse Mar 31, 2019
a558a2e
Update col.spec.js
tmorehouse Mar 31, 2019
778256c
Update col.spec.js
tmorehouse Mar 31, 2019
f146a38
Update col.js
tmorehouse Mar 31, 2019
b9dd2e4
Update col.spec.js
tmorehouse Mar 31, 2019
a7d016a
Delete row.html
tmorehouse Mar 31, 2019
e08117b
Delete container.html
tmorehouse Mar 31, 2019
e2dd45e
Delete col.html
tmorehouse Mar 31, 2019
02af73b
Delete col.js
tmorehouse Mar 31, 2019
06b5e2e
Delete container.js
tmorehouse Mar 31, 2019
8a5045e
Delete row.js
tmorehouse Mar 31, 2019
4684ca2
Merge branch 'dev' into tmorehouse/more-tests
tmorehouse Mar 31, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
241 changes: 126 additions & 115 deletions src/components/collapse/fixtures/collapse.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,118 +1,129 @@
<div id="app">
<!-- Directive Modifiers -->
<h2>Basic example - Directive Modifiers</h2>
<p>
<b-btn ref="collapse_mod_btn"
variant="primary"
v-b-toggle.collapse1>
Toggle Collapse 1
</b-btn>
</p>
<b-collapse ref="collapse_mod"
id="collapse1">
<b-card>Collapse 1 contents Here</b-card>
</b-collapse>
<!-- Directive Argument -->
<h2>Basic example - Directive Argument</h2>
<p>
<b-btn ref="collapse_arg_btn"
variant="primary"
v-b-toggle="'collapse2'">
Toggle Collapse 2
</b-btn>
</p>
<b-collapse ref="collapse_arg"
id="collapse2">
<b-card>Collapse 2 contents Here</b-card>
</b-collapse>
<!-- Initially Open -->
<h2>Initially Open Example</h2>
<p>
<b-btn ref="collapse_open_btn"
variant="primary"
v-b-toggle.collapse3>
Toggle Collapse 3
</b-btn>
</p>
<b-collapse ref="collapse_open"
visible
id="collapse3">
<b-card>
Initially visible Collapse 3 contents Here
</b-card>
</b-collapse>
<!-- v-model -->
<h2><code>v-model</code> Example</h2>
<p>
<b-btn ref="collapse_vmod_btn"
variant="primary"
aria-controls="collapse4"
:aria-expanded="showCollapse ? 'true' : 'false'"
@click="showCollapse = !showCollapse">
Toggle Collapse 4
</b-btn>
</p>
<b-collapse ref="collapse_vmod"
v-model="showCollapse"
id="collapse4">
<b-card>
Initially visible Collapse 4 contents Here
</b-card>
</b-collapse>
<!-- Multiple Targets -->
<h2>Multiple Targets Example</h2>
<p>
<b-btn ref="collapse_multi_btn"
variant="primary"
v-b-toggle.multi1.multi2>
Toggle Multi Collapse 1 &amp; 2
</b-btn>
</p>
<b-collapse ref="collapse_multi_1"
id="multi1">
<b-card>Multi-Collapse 1 contents Here</b-card>
</b-collapse>
<p>This paragraph doesn't collapse</p>
<b-collapse ref="collapse_multi_2"
id="multi2">
<b-card>Multi-Collapse 2 contents Here</b-card>
</b-collapse>
<!-- Accordion -->
<h2>Accordion example</h2>
<b-btn block
ref="accordion_1_btn"
variant="primary"
v-b-toggle.accordion1>Toggle Accordion 1</b-btn>
<b-collapse ref="accordion_1"
id="accordion1"
visible
accordion="my-accordion">
<b-card>
Accordion 1 contents Here
</b-card>
</b-collapse>
<b-btn block
ref="accordion_2_btn"
variant="primary"
v-b-toggle.accordion2
class="mt-2">Toggle Accordion 2</b-btn>
<b-collapse ref="accordion_2"
id="accordion2"
accordion="my-accordion">
<b-card>
Accordion 2 contents Here
</b-card>
</b-collapse>
<b-btn block
ref="accordion_3_btn"
variant="primary"
v-b-toggle.accordion3
class="mt-2">Toggle Accordion 3</b-btn>
<b-collapse ref="accordion_3"
id="accordion3"
accordion="my-accordion">
<b-card>
Accordion 3 contents Here
</b-card>
<!-- Directive Modifiers -->
<h2>Basic example - Directive Modifiers</h2>
<p>
<b-btn ref="collapse_mod_btn" variant="primary" v-b-toggle.collapse1>
Toggle Collapse 1
</b-btn>
</p>
<b-collapse ref="collapse_mod" id="collapse1">
<b-card>Collapse 1 contents Here</b-card>
</b-collapse>

<!-- Directive Argument -->
<h2>Basic example - Directive Argument</h2>
<p>
<b-btn ref="collapse_arg_btn" variant="primary" v-b-toggle="'collapse2'">
Toggle Collapse 2
</b-btn>
</p>
<b-collapse ref="collapse_arg" id="collapse2">
<b-card>Collapse 2 contents Here</b-card>
</b-collapse>

<!-- Initially Open -->
<h2>Initially Open Example</h2>
<p>
<b-btn ref="collapse_open_btn" variant="primary" v-b-toggle.collapse3>
Toggle Collapse 3
</b-btn>
</p>
<b-collapse ref="collapse_open" visible id="collapse3">
<b-card>Initially visible Collapse 3 contents Here</b-card>
</b-collapse>

<!-- v-model -->
<h2><code>v-model</code> Example</h2>
<p>
<b-btn
ref="collapse_vmod_btn"
variant="primary"
aria-controls="collapse4"
:aria-expanded="showCollapse ? 'true' : 'false'"
@click="showCollapse = !showCollapse"
>
Toggle Collapse 4
</b-btn>
</p>
<b-collapse
ref="collapse_vmod"
v-model="showCollapse"
id="collapse4"
>
<b-card>Initially visible Collapse 4 contents Here</b-card>
</b-collapse>

<!-- Multiple Targets -->
<h2>Multiple Targets Example</h2>
<p>
<b-btn ref="collapse_multi_btn" variant="primary" v-b-toggle.multi1.multi2>
Toggle Multi Collapse 1 &amp; 2
</b-btn>
</p>
<b-collapse ref="collapse_multi_1" id="multi1">
<b-card>Multi-Collapse 1 contents Here</b-card>
</b-collapse>
<p>This paragraph doesn't collapse</p>
<b-collapse ref="collapse_multi_2" id="multi2">
<b-card>Multi-Collapse 2 contents Here</b-card>
</b-collapse>

<!-- Accordion -->
<h2>Accordion example</h2>
<b-btn
block
ref="accordion_1_btn"
variant="primary"
v-b-toggle.accordion1
>
Toggle Accordion 1
</b-btn>
<b-collapse
ref="accordion_1"
id="accordion1"
visible
accordion="my-accordion"
>
<b-card>Accordion 1 contents Here</b-card>
</b-collapse>
<b-btn
block
ref="accordion_2_btn"
variant="primary"
v-b-toggle.accordion2
class="mt-2"
>
Toggle Accordion 2
</b-btn>
<b-collapse
ref="accordion_2"
id="accordion2"
accordion="my-accordion"
>
<b-card>Accordion 2 contents Here</b-card>
</b-collapse>
<b-btn
block
ref="accordion_3_btn"
variant="primary"
v-b-toggle.accordion3
class="mt-2"
>
Toggle Accordion 3
</b-btn>
<b-collapse ref="accordion_3"
id="accordion3"
accordion="my-accordion"
>
<b-card>Accordion 3 contents Here</b-card>
</b-collapse>

<!-- In NavBar -->
<h2>Inside Navbar</h2>
<b-navbar toggleable>
<b-navbar-toggle target="collapse-nav"></b-navbar-toggle>
<b-collapse ref="collapse_nav" id="collapse-nav" is-nav>
<p>Nav Collapse contents Here</p>
</b-collapse>
</b-navbar>
</div>
20 changes: 0 additions & 20 deletions src/components/input-group/fixtures/input-group.html
View file
Open in desktop

This file was deleted.

3 changes: 0 additions & 3 deletions src/components/input-group/fixtures/input-group.js
View file
Open in desktop

This file was deleted.

74 changes: 74 additions & 0 deletions src/components/input-group/input-group-append.spec.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
import InputGroupAppend from './input-group-append'
import { mount } from '@vue/test-utils'

describe('input-group > input-group-append', () => {
it('has expected default structure', async () => {
const wrapper = mount(InputGroupAppend)

expect(wrapper.is('div')).toBe(true)
expect(wrapper.classes()).toContain('input-group-append')
expect(wrapper.classes().length).toBe(1)
expect(wrapper.findAll('.input-group-append > *').length).toBe(0)
expect(wrapper.text()).toEqual('')
})

it('renders custom root element when tag prop is set', async () => {
const wrapper = mount(InputGroupAppend, {
propsData: {
tag: 'span'
}
})

expect(wrapper.is('span')).toBe(true)
expect(wrapper.classes()).toContain('input-group-append')
expect(wrapper.classes().length).toBe(1)
expect(wrapper.findAll('.input-group-append > *').length).toBe(0)
expect(wrapper.text()).toEqual('')
})

it('renders content of default slot', async () => {
const wrapper = mount(InputGroupAppend, {
slots: {
default: 'foobar'
}
})

expect(wrapper.is('div')).toBe(true)
expect(wrapper.classes()).toContain('input-group-append')
expect(wrapper.classes().length).toBe(1)
expect(wrapper.text()).toEqual('foobar')
})

it('renders child input-group-text when prop is-text set', async () => {
const wrapper = mount(InputGroupAppend, {
propsData: {
isText: true
}
})

expect(wrapper.is('div')).toBe(true)
expect(wrapper.classes()).toContain('input-group-append')
expect(wrapper.classes().length).toBe(1)
expect(wrapper.findAll('.input-group-text').length).toBe(1)
expect(wrapper.findAll('.input-group-append > .input-group-text').length).toBe(1)
expect(wrapper.text()).toEqual('')
})

it('renders default slot inside child input-group-text when prop is-text set', async () => {
const wrapper = mount(InputGroupAppend, {
propsData: {
isText: true
},
slots: {
default: 'foobar'
}
})

expect(wrapper.is('div')).toBe(true)
expect(wrapper.classes()).toContain('input-group-append')
expect(wrapper.classes().length).toBe(1)
expect(wrapper.findAll('.input-group-text').length).toBe(1)
expect(wrapper.text()).toEqual('foobar')
expect(wrapper.find('.input-group-text').text()).toEqual('foobar')
})
})
Loading