sean/manja_dev_ui
1
0
Fork 0
Code Issues Pull Requests Actions 4 Packages Projects Releases Wiki Activity

refactor: view fixes and changes, update packages, add e2e sidebar tests

Browse Source
This commit is contained in:
woothu
2020-07-16 11:55:13 +02:00
parent 5a23cd1890
commit 8c14ca9331
11 changed files with 2719 additions and 1105 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/e2e/globals.js
View File
tests/e2e/specs/test.js
+49 -14
View File
@@ -18,29 +18,64 @@ module.exports = {
// const devServer = browser.globals.devServerURL
const devServer = process.env.VUE_DEV_SERVER_URL
const toggle = (mobile = false) => {
if (mobile) {
browser.click('.c-header-toggler.d-lg-none')
} else {
browser.click('.c-header-toggler.d-md-down-none')
}
}
const sidebarIsVisible = () => {
browser.expect.element('.c-sidebar').to.have.css('margin-left').which.equals('0px')
}
const sidebarIsHidden = () => {
browser.expect.element('.c-sidebar').to.have.css('margin-left').which.not.equals('0px')
}
browser.url(devServer).pause(500).expect.element('body').to.be.present
browser.waitForElementVisible('.c-app', 2000)
browser.waitForElementVisible('.c-app', 1000)
.assert.elementPresent('.c-header')
.assert.elementPresent('.c-sidebar')
.assert.elementPresent('.c-footer')
.assert.elementPresent('.c-sidebar')
.assert.elementPresent('.c-body')
// browser.resizeWindow(700, 800)
// browser.expect.element('.c-sidebar').to.have.css('margin-left').which.equals('-256px')
// browser.resizeWindow(1900, 800)
// browser.expect.element('.c-sidebar').to.have.css('margin-left').which.equals('0px')
// browser.pause(1500)
// browser.click('.c-sidebar-minimizer')
// browser.pause(1000)
// browser.expect.element('.c-sidebar').to.have.css('width').which.equals('56px')
// browser.click('button.c-header-toggler')
// browser.pause(1000)
// browser.expect.element('.c-sidebar').to.have.css('margin-left').which.equals('-256px')
// browser.pause(1000)
browser.resizeWindow(700, 800)
sidebarIsHidden()
toggle('mobile')
browser.pause(500)
sidebarIsVisible()
browser.click('.c-sidebar-backdrop')
browser.pause(500)
sidebarIsHidden()
toggle('mobile')
browser.pause(500)
browser.click('.c-sidebar-nav-dropdown-toggle')
browser.pause(500)
sidebarIsVisible()
browser.click('.c-sidebar-nav-item')
browser.pause(500)
sidebarIsHidden()
browser.resizeWindow(1900, 800)
sidebarIsVisible()
browser.pause(500)
browser.click('.c-sidebar-minimizer')
browser.click('.c-body')
browser.pause(500)
browser.expect.element('.c-sidebar').to.have.css('width').which.equals('56px')
browser.click('.c-sidebar-minimizer')
browser.click('.c-body')
browser.pause(500)
browser.expect.element('.c-sidebar').to.have.css('width').which.equals('256px')
browser.click('.c-header-toggler.d-md-down-none')
browser.pause(1000)
sidebarIsHidden()
browser.pause(1000)
browser.end()
}
tests/unit/containers/__snapshots__/TheFooter.spec.js.snap
+2 -2
View File
@@ -20,17 +20,17 @@ exports[`TheFooter.vue renders correctly 1`] = `
</div>
<div
class="ml-auto"
class="mfs-auto"
>
<span
class="mr-1"
target="_blank"
>
Powered by
</span>
<a
href="https://coreui.io/vue"
target="_blank"
>
CoreUI for Vue
</a>
tests/unit/containers/__snapshots__/TheHeaderDropdownAccnt.spec.js.snap
+6 -6
View File
@@ -36,7 +36,7 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
<cbadge-stub
activeclass="router-link-active"
class="ml-auto"
class="mfs-auto"
color="info"
event="click"
exactactiveclass="router-link-exact-active"
@@ -62,7 +62,7 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
<cbadge-stub
activeclass="router-link-active"
class="ml-auto"
class="mfs-auto"
color="success"
event="click"
exactactiveclass="router-link-exact-active"
@@ -88,7 +88,7 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
<cbadge-stub
activeclass="router-link-active"
class="ml-auto"
class="mfs-auto"
color="danger"
event="click"
exactactiveclass="router-link-exact-active"
@@ -114,7 +114,7 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
<cbadge-stub
activeclass="router-link-active"
class="ml-auto"
class="mfs-auto"
color="warning"
event="click"
exactactiveclass="router-link-exact-active"
@@ -178,7 +178,7 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
<cbadge-stub
activeclass="router-link-active"
class="ml-auto"
class="mfs-auto"
color="secondary"
event="click"
exactactiveclass="router-link-exact-active"
@@ -204,7 +204,7 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
<cbadge-stub
activeclass="router-link-active"
class="ml-auto"
class="mfs-auto"
color="primary"
event="click"
exactactiveclass="router-link-exact-active"
tests/unit/views/base/__snapshots__/Collapses.spec.js.snap
+129 -5
View File
@@ -108,13 +108,17 @@ exports[`Collapses.vue renders correctly 1`] = `
<div
class="card"
>
<header
class="card-header btn text-left"
<button
class="btn text-left shadow-none card-header btn-link btn-block"
tag="button"
type="button"
>
<strong>
<h5
class="m-0"
>
Collapsible card
</strong>
</header>
</h5>
</button>
<div
class=""
@@ -138,5 +142,125 @@ exports[`Collapses.vue renders correctly 1`] = `
</div>
</div>
</div>
<div
class="col-xl-6"
>
<div
class="card"
>
<header
class="card-header"
>
Collapse
<small>
accordion
</small>
</header>
<div
class="card-body"
>
<div>
<div
class="card mb-0"
>
<button
class="btn text-left shadow-none card-header btn-link btn-block"
type="button"
>
<h5
class="m-0"
>
Collapsible Group Item #1
</h5>
</button>
<div
class=""
>
<div
class="card-body"
>
1. Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non
cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird
on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred
nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft
beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven''t heard of them accusamus labore sustainable VHS.
</div>
</div>
</div>
<div
class="card mb-0"
>
<button
class="btn text-left shadow-none card-header btn-link btn-block"
type="button"
>
<h5
class="m-0"
>
Collapsible Group Item #2
</h5>
</button>
<div
class=""
style="display: none;"
>
<div
class="card-body"
>
2. Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non
cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird
on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred
nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft
beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven''t heard of them accusamus labore sustainable VHS.
</div>
</div>
</div>
<div
class="card mb-0"
>
<button
class="btn text-left shadow-none card-header btn-link btn-block"
type="button"
>
<h5
class="m-0"
>
Collapsible Group Item #3
</h5>
</button>
<div
class=""
style="display: none;"
>
<div
class="card-body"
>
3. Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non
cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird
on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred
nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft
beer farm-to-table, raw denim aesthetic synth nesciunt you probably havent heard of them accusamus labore sustainable VHS.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;