sean/manja_ui_dev
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

chore: merge branch 'dev' into v3-next

Browse Source
This commit is contained in:
woothu
2020-02-24 16:54:42 +01:00
parent b8636c729f c473182f6c
commit 9132c2f449
75 changed files with 4218 additions and 3173 deletions
Download Patch File Download Diff File Expand all files Collapse all files
CONTRIBUTING.md → .github/CONTRIBUTING.md
+7 -7
View File
@@ -36,7 +36,7 @@ Guidelines for bug reports:
1. **Use the GitHub issue search** — check if the issue has already been reported. 1. **Use the GitHub issue search** — check if the issue has already been reported.
2. **Check if the issue has been fixed** — try to reproduce it using the latest `master` or development branch in the repository. 2. **Check if the issue has been fixed** — try to reproduce it using the latest `master` or `dev` branch in the repository.
3. **Isolate the problem** — ideally create a [reduced test case](https://css-tricks.com/reduced-test-cases/) and a live example. [This JS Bin](http://jsbin.com/lefey/1/edit?html,output) is a helpful template. 3. **Isolate the problem** — ideally create a [reduced test case](https://css-tricks.com/reduced-test-cases/) and a live example. [This JS Bin](http://jsbin.com/lefey/1/edit?html,output) is a helpful template.
@@ -101,11 +101,11 @@ included in the project:
2. If you cloned a while ago, get the latest changes from upstream: 2. If you cloned a while ago, get the latest changes from upstream:
```bash ```bash
git checkout master git checkout dev
git pull upstream master git pull upstream dev
``` ```
3. Create a new topic branch (off the main project development branch) to 3. Create a new topic branch (off the development branch "dev") to
contain your feature, change, or fix: contain your feature, change, or fix:
```bash ```bash
@@ -121,7 +121,7 @@ included in the project:
5. Locally merge (or rebase) the upstream development branch into your topic branch: 5. Locally merge (or rebase) the upstream development branch into your topic branch:
```bash ```bash
git pull [--rebase] upstream master git pull [--rebase] upstream dev
``` ```
6. Push your topic branch up to your fork: 6. Push your topic branch up to your fork:
@@ -130,7 +130,7 @@ included in the project:
git push origin <topic-branch-name> git push origin <topic-branch-name>
``` ```
7. [Open a Pull Request](https://help.github.com/articles/using-pull-requests/) with a clear title and description against the `master` branch. 7. [Open a Pull Request](https://help.github.com/articles/using-pull-requests/) with a clear title and description into the `dev` branch.
**IMPORTANT**: By submitting a patch, you agree to allow the project owners to license your work under the terms of the [MIT License](LICENSE). **IMPORTANT**: By submitting a patch, you agree to allow the project owners to license your work under the terms of the [MIT License](LICENSE).
@@ -144,7 +144,7 @@ Inspired by Sparkbox's awesome article on [semantic commit messages](http://sees
- fix (bug fix) -> ```git commit -m 'fix: commit-message-here'``` - fix (bug fix) -> ```git commit -m 'fix: commit-message-here'```
- refactor (refactoring production code) -> ```git commit -m 'refactor: commit-message-here'``` - refactor (refactoring production code) -> ```git commit -m 'refactor: commit-message-here'```
- style (formatting, missing semi colons, etc; no code change) -> ```git commit -m 'style: commit-message-here'``` - style (formatting, missing semi colons, etc; no code change) -> ```git commit -m 'style: commit-message-here'```
- test (adding missing tests, refactoring tests; no production code change) -> ```git test -m 'refactor: commit-message-here'``` - test (adding missing tests, refactoring tests; no production code change) -> ```git commit -m 'test: commit-message-here'```
## Code guidelines ## Code guidelines
ISSUE_TEMPLATE.md → .github/ISSUE_TEMPLATE.md
View File
.github/workflows/daily-project-check.yml
+49
View File
@@ -0,0 +1,49 @@
name: Daily project check
on:
schedule:
# build runs everyday at 6AM UTC
- cron: '0 6 * * *'
jobs:
build:
runs-on: ubuntu-latest
strategy:
matrix:
node-version: [8.x, 10.x, 12.x]
os: [ubuntu-latest, windows-latest, macOS-latest]
steps:
- uses: actions/checkout@v1
- name: Use Node.js ${{ matrix.node-version }}
uses: actions/setup-node@v1
with:
node-version: ${{ matrix.node-version }}
- name: project check
run: |
npm i
npm run clearCache
npm run build
npm run lint
npm run test:unit
env:
CI: true
e2e-chrome:
runs-on: windows-latest
steps:
- uses: actions/checkout@v1
- name: Use Node.js 12
uses: actions/setup-node@v1
with:
node-version: 12
- name: e2e chrome test
run: |
npm i
npm run test:e2e
env:
BROWSER: chrome
.github/workflows/project-check.yml
+48
View File
@@ -0,0 +1,48 @@
name: Project check
on:
push:
pull_request:
jobs:
build:
runs-on: ubuntu-latest
strategy:
matrix:
node-version: [8.x, 10.x, 12.x]
os: [ubuntu-latest, windows-latest, macOS-latest]
steps:
- uses: actions/checkout@v1
- name: Use Node.js ${{ matrix.node-version }}
uses: actions/setup-node@v1
with:
node-version: ${{ matrix.node-version }}
- name: project check
run: |
npm i
npm run clearCache
npm run build
npm run lint
npm run test:unit
env:
CI: true
e2e-chrome:
runs-on: windows-latest
steps:
- uses: actions/checkout@v1
- name: Use Node.js 12
uses: actions/setup-node@v1
with:
node-version: 12
- name: e2e chrome test
run: |
npm i
npm run test:e2e
env:
BROWSER: chrome
README.md
+3 -4
View File
@@ -3,8 +3,7 @@
[![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=CoreUI%20-%20Free%20Vue%20Admin%20Template%20&url=http://coreui.io/vue/&hashtags=bootstrap,admin,template,dashboard,panel,free,angular,react,vue) [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=CoreUI%20-%20Free%20Vue%20Admin%20Template%20&url=http://coreui.io/vue/&hashtags=bootstrap,admin,template,dashboard,panel,free,angular,react,vue)
[![NPM][npm-coreui-vue-badge-latest]][npm-coreui-vue] [![NPM][npm-coreui-vue-badge-latest]][npm-coreui-vue]
[![Downloads](https://img.shields.io/npm/dm/@coreui/vue.svg?style=flat-square)][coreui] [![Downloads](https://img.shields.io/npm/dm/@coreui/vue.svg?style=flat-square)][coreui]
[![Jest](https://img.shields.io/badge/Jest-^24.9.0-blue.svg?style=flat-square)][coreui] [![Vue](https://img.shields.io/badge/Vue-^2.6.11-brightgreen.svg?style=flat-square)][coreui]
[![Vue](https://img.shields.io/badge/Vue-^2.6.10-brightgreen.svg?style=flat-square)][coreui]
[npm-coreui-vue]: https://www.npmjs.com/package/@coreui/vue [npm-coreui-vue]: https://www.npmjs.com/package/@coreui/vue
[npm-coreui-vue-badge-latest]: https://img.shields.io/npm/v/@coreui/vue/latest?style=flat-square&color=brightgreen [npm-coreui-vue-badge-latest]: https://img.shields.io/npm/v/@coreui/vue/latest?style=flat-square&color=brightgreen
@@ -97,7 +96,7 @@ Have a bug or a feature request? [Please open a new issue](https://github.com/co
### Contributing ### Contributing
Please read through our [contributing guidelines](https://github.com/coreui/coreui-free-vue-admin-template/blob/v3-next/CONTRIBUTING.md). Included are directions for opening issues, coding standards, and notes on development. Please read through our [contributing guidelines](https://github.com/coreui/coreui-free-vue-admin-template/blob/v3-next/.github/CONTRIBUTING.md). Included are directions for opening issues, coding standards, and notes on development.
### Versioning ### Versioning
@@ -146,7 +145,7 @@ Some of projects created by community but not maintained by CoreUI team.
## Copyright and license ## Copyright and license
Copyright 2019 creativeLabs Łukasz Holeczek. Code released under [the MIT license](https://github.com/coreui/coreui-free-vue-admin-template/blob/master/LICENSE). Copyright 2020 creativeLabs Łukasz Holeczek. Code released under [the MIT license](https://github.com/coreui/coreui-free-vue-admin-template/blob/master/LICENSE).
There is only one limitation - you cannot re-distribute the `CoreUI` as stock nor if you modify the `CoreUI`. In the past we faced some problems with persons who tried to sell `CoreUI` based templates. There is only one limitation - you cannot re-distribute the `CoreUI` as stock nor if you modify the `CoreUI`. In the past we faced some problems with persons who tried to sell `CoreUI` based templates.
## Support CoreUI Development ## Support CoreUI Development
babel.config.js
+7 -1
View File
@@ -1,5 +1,11 @@
module.exports = { module.exports = {
presets: [ presets: [
['@babel/preset-env'] [
'@babel/preset-env',
{
useBuiltIns: 'entry',
corejs: 3
}
]
] ]
} }
package-lock.json
Generated
+2351 -1363
View File
File diff suppressed because it is too large Load Diff
package.json
+26 -25
View File
@@ -1,6 +1,6 @@
{ {
"name": "@coreui/coreui-free-vue-admin-template", "name": "@coreui/coreui-free-vue-admin-template",
"version": "3.0.0-beta.3", "version": "3.0.0",
"description": "Open Source Bootstrap Admin Template", "description": "Open Source Bootstrap Admin Template",
"author": { "author": {
"name": "CoreUI", "name": "CoreUI",
@@ -15,7 +15,7 @@
} }
], ],
"homepage": "http://coreui.io", "homepage": "http://coreui.io",
"copyright": "Copyright 2019 creativeLabs Łukasz Holeczek", "copyright": "Copyright 2020 creativeLabs Łukasz Holeczek",
"license": "MIT", "license": "MIT",
"scripts": { "scripts": {
"serve": "vue-cli-service serve", "serve": "vue-cli-service serve",
@@ -27,32 +27,33 @@
"release": "npm-run-all clearCache lint build test:unit test:e2e" "release": "npm-run-all clearCache lint build test:unit test:e2e"
}, },
"dependencies": { "dependencies": {
"@coreui/coreui": "^3.0.0-beta.4", "@coreui/coreui": "~3.0.0",
"@coreui/icons": "^1.0.0", "@coreui/icons": "~1.0.1",
"@coreui/utils": "^1.0.0", "@coreui/utils": "~1.2.2",
"@coreui/vue": "^3.0.0-beta.4", "@coreui/vue": "~3.0.0",
"@coreui/vue-chartjs": "^1.0.2", "@coreui/vue-chartjs": "~1.0.3",
"vue": "^2.6.10", "vue": "~2.6.11",
"vue-router": "^3.1.3" "vue-router": "~3.1.5",
"vuex": "~3.1.2"
}, },
"devDependencies": { "devDependencies": {
"@vue/cli-plugin-babel": "^4.1.1", "@babel/core": "~7.8.4",
"@vue/cli-plugin-e2e-nightwatch": "^4.1.1", "@vue/cli-plugin-babel": "~4.2.2",
"@vue/cli-plugin-eslint": "^4.1.1", "@vue/cli-plugin-e2e-nightwatch": "~4.2.2",
"@vue/cli-plugin-unit-jest": "^4.1.1", "@vue/cli-plugin-eslint": "~4.2.2",
"@vue/cli-service": "^4.1.1", "@vue/cli-plugin-unit-jest": "~4.2.2",
"@vue/cli-service": "~4.2.2",
"@vue/test-utils": "1.0.0-beta.29", "@vue/test-utils": "1.0.0-beta.29",
"@babel/core": "^7.7.5", "babel-eslint": "~10.0.3",
"babel-eslint": "^10.0.3", "babel-jest": "~25.1.0",
"babel-jest": "^24.9.0", "chromedriver": "~80.0.1",
"core-js": "^3.4.8", "core-js": "~3.6.4",
"chromedriver": "^79.0.0", "eslint": "~6.8.0",
"eslint": "^6.7.2", "eslint-plugin-vue": "~6.2.1",
"eslint-plugin-vue": "^6.0.1", "node-sass": "~4.13.1",
"node-sass": "^4.13.0", "npm-run-all": "~4.1.5",
"npm-run-all": "^4.1.5", "sass-loader": "~8.0.2",
"sass-loader": "^8.0.0", "vue-template-compiler": "~2.6.11"
"vue-template-compiler": "^2.6.10"
}, },
"browserslist": [ "browserslist": [
"> 1%", "> 1%",
public/img/brand/coreui-base-white.svg
-24
View File
@@ -1,24 +0,0 @@
<svg id="Warstwa_1" data-name="Warstwa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 376 178">
<defs>
<style>
.cls-2 {
fill: #fff;
}
</style>
</defs>
<title>Base_negative</title>
<g>
<g>
<path class="cls-2" d="M128,56.1244,89,33.6077a12,12,0,0,0-12,0L38,56.1243a12.0339,12.0339,0,0,0-6,10.3924V111.55a12.0333,12.0333,0,0,0,6,10.3923L77,144.459a12,12,0,0,0,12,0l39-22.5167a12.0333,12.0333,0,0,0,6-10.3923V66.5167A12.0336,12.0336,0,0,0,128,56.1244ZM126,111.55a4,4,0,0,1-2,3.4641L85,137.5308a4,4,0,0,1-4,0L42,115.0141a4,4,0,0,1-2-3.4641V66.5167a4,4,0,0,1,2-3.4641L81,40.5359a4,4,0,0,1,4,0l39,22.5167a4,4,0,0,1,2,3.4641Z"/>
<path class="cls-2" d="M106.0216,102.0713h-2.866a3.9993,3.9993,0,0,0-1.9246.4935L83.95,112.05,64,100.5315V77.554L83.95,66.0354l17.2894,9.455a4,4,0,0,0,1.9192.4905h2.8632a2,2,0,0,0,2-2V71.2691a2,2,0,0,0-1.04-1.7547L87.793,59.0188a8.0391,8.0391,0,0,0-7.8428.09L60,70.6262A8.0245,8.0245,0,0,0,56,77.5549v22.976a8,8,0,0,0,4,6.9283l19.95,11.5186a8.0429,8.0429,0,0,0,7.8433.0879l19.19-10.5312a2,2,0,0,0,1.0378-1.7533v-2.71A2,2,0,0,0,106.0216,102.0713Z"/>
</g>
<g>
<path class="cls-2" d="M200.7447,65.4285a15.0166,15.0166,0,0,0-15,14.9995V97.7054a15,15,0,1,0,30,0V80.428A15.0166,15.0166,0,0,0,200.7447,65.4285Zm7,32.2769a7,7,0,1,1-14,0V80.428a7,7,0,0,1,14,0Z"/>
<path class="cls-2" d="M164.0788,73.4878a7.01,7.01,0,0,1,7.8681,6.0752.9893.9893,0,0,0,.9843.865h6.0305a1.0109,1.0109,0,0,0,.9987-1.0971,15.0183,15.0183,0,0,0-15.7162-13.8837A15.288,15.288,0,0,0,150,80.8635V97.27a15.288,15.288,0,0,0,14.2441,15.4163A15.0184,15.0184,0,0,0,179.96,98.8025a1.0108,1.0108,0,0,0-.9987-1.0971h-6.0305a.9893.9893,0,0,0-.9843.865,7.01,7.01,0,0,1-7.868,6.0757A7.1642,7.1642,0,0,1,158,97.4612V80.6724A7.1638,7.1638,0,0,1,164.0788,73.4878Z"/>
<path class="cls-2" d="M246.9222,92.9944a12.1584,12.1584,0,0,0,7.1842-11.0771V78.2161A12.1494,12.1494,0,0,0,241.957,66.0667H225a1,1,0,0,0-1,1v44a1,1,0,0,0,1,1h6a1,1,0,0,0,1-1v-17h6.6215l7.9154,17.4138a1,1,0,0,0,.91.5862h6.5911a1,1,0,0,0,.91-1.4138Zm-.8158-11.0771a4.1538,4.1538,0,0,1-4.1489,4.1494h-9.8511v-12h9.8511a4.1538,4.1538,0,0,1,4.1489,4.1494Z"/>
<path class="cls-2" d="M289,66.0667H263a1,1,0,0,0-1,1v44a1,1,0,0,0,1,1h26a1,1,0,0,0,1-1v-6a1,1,0,0,0-1-1H270v-12h13a1,1,0,0,0,1-1v-6a1,1,0,0,0-1-1H270v-10h19a1,1,0,0,0,1-1v-6A1,1,0,0,0,289,66.0667Z"/>
<path class="cls-2" d="M327,66.0667h-6a1,1,0,0,0-1,1V89.7142a7.0066,7.0066,0,1,1-14,0V67.0667a1,1,0,0,0-1-1h-6a1,1,0,0,0-1,1V89.7142a15.0031,15.0031,0,1,0,30,0V67.0667A1,1,0,0,0,327,66.0667Z"/>
<rect class="cls-2" x="336" y="66.0667" width="8" height="38" rx="1"/>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.6 KiB

public/img/brand/coreui-base.svg
-24
View File
@@ -1,24 +0,0 @@
<svg id="Warstwa_1" data-name="Warstwa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 376.0106 178">
<defs>
<style>
.cls-1 {
fill: #3c4b64;
}
</style>
</defs>
<title>Base</title>
<g>
<g>
<path class="cls-1" d="M128,56.1244,89,33.6077a12,12,0,0,0-12,0L38,56.1243a12.0339,12.0339,0,0,0-6,10.3924V111.55a12.0333,12.0333,0,0,0,6,10.3923L77,144.459a12,12,0,0,0,12,0l39-22.5167a12.0333,12.0333,0,0,0,6-10.3923V66.5167A12.0336,12.0336,0,0,0,128,56.1244ZM126,111.55a4,4,0,0,1-2,3.4641L85,137.5308a4,4,0,0,1-4,0L42,115.0141a4,4,0,0,1-2-3.4641V66.5167a4,4,0,0,1,2-3.4641L81,40.5359a4,4,0,0,1,4,0l39,22.5167a4,4,0,0,1,2,3.4641Z"/>
<path class="cls-1" d="M106.0216,102.0713h-2.866a3.9993,3.9993,0,0,0-1.9246.4935L83.95,112.05,64,100.5315V77.554L83.95,66.0354l17.2894,9.455a4,4,0,0,0,1.9192.4905h2.8632a2,2,0,0,0,2-2V71.2691a2,2,0,0,0-1.04-1.7547L87.793,59.0188a8.0391,8.0391,0,0,0-7.8428.09L60,70.6262A8.0245,8.0245,0,0,0,56,77.5549v22.976a8,8,0,0,0,4,6.9283l19.95,11.5186a8.0429,8.0429,0,0,0,7.8433.0879l19.19-10.5312a2,2,0,0,0,1.0378-1.7533v-2.71A2,2,0,0,0,106.0216,102.0713Z"/>
</g>
<g>
<path class="cls-1" d="M200.7447,65.4285a15.0166,15.0166,0,0,0-15,14.9995V97.7054a15,15,0,1,0,30,0V80.428A15.0166,15.0166,0,0,0,200.7447,65.4285Zm7,32.2769a7,7,0,1,1-14,0V80.428a7,7,0,0,1,14,0Z"/>
<path class="cls-1" d="M164.0788,73.4878a7.01,7.01,0,0,1,7.8681,6.0752.9893.9893,0,0,0,.9843.865h6.0305a1.0109,1.0109,0,0,0,.9987-1.0971,15.0183,15.0183,0,0,0-15.7162-13.8837A15.288,15.288,0,0,0,150,80.8635V97.27a15.288,15.288,0,0,0,14.2441,15.4163A15.0184,15.0184,0,0,0,179.96,98.8025a1.0108,1.0108,0,0,0-.9987-1.0971h-6.0305a.9893.9893,0,0,0-.9843.865,7.01,7.01,0,0,1-7.868,6.0757A7.1642,7.1642,0,0,1,158,97.4612V80.6724A7.1638,7.1638,0,0,1,164.0788,73.4878Z"/>
<path class="cls-1" d="M246.9222,92.9944a12.1584,12.1584,0,0,0,7.1842-11.0771V78.2161A12.1494,12.1494,0,0,0,241.957,66.0667H225a1,1,0,0,0-1,1v44a1,1,0,0,0,1,1h6a1,1,0,0,0,1-1v-17h6.6215l7.9154,17.4138a1,1,0,0,0,.91.5862h6.5911a1,1,0,0,0,.91-1.4138Zm-.8158-11.0771a4.1538,4.1538,0,0,1-4.1489,4.1494h-9.8511v-12h9.8511a4.1538,4.1538,0,0,1,4.1489,4.1494Z"/>
<path class="cls-1" d="M289,66.0667H263a1,1,0,0,0-1,1v44a1,1,0,0,0,1,1h26a1,1,0,0,0,1-1v-6a1,1,0,0,0-1-1H270v-12h13a1,1,0,0,0,1-1v-6a1,1,0,0,0-1-1H270v-10h19a1,1,0,0,0,1-1v-6A1,1,0,0,0,289,66.0667Z"/>
<path class="cls-1" d="M327,66.0667h-6a1,1,0,0,0-1,1V89.7142a7.0066,7.0066,0,1,1-14,0V67.0667a1,1,0,0,0-1-1h-6a1,1,0,0,0-1,1V89.7142a15.0031,15.0031,0,1,0,30,0V67.0667A1,1,0,0,0,327,66.0667Z"/>
<rect class="cls-1" x="336" y="66.0667" width="8" height="38" rx="1"/>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.6 KiB

public/img/brand/coreui-signet-white.svg
-16
View File
@@ -1,16 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 160">
<defs>
<style>
.cls-1 {
fill: #fff;
}
</style>
</defs>
<title>signet_white</title>
<g id="Warstwa_1" data-name="Warstwa 1">
<g>
<path class="cls-1" d="M125,47.091,86,24.5743a12,12,0,0,0-12,0L35,47.091a12.0336,12.0336,0,0,0-6,10.3923v45.0334a12.0335,12.0335,0,0,0,6,10.3923l39,22.5166a11.9993,11.9993,0,0,0,12,0l39-22.5166a12.0335,12.0335,0,0,0,6-10.3923V57.4833A12.0336,12.0336,0,0,0,125,47.091Zm-2,55.4257a4,4,0,0,1-2,3.464L82,128.4974a4,4,0,0,1-4,0L39,105.9807a4,4,0,0,1-2-3.464V57.4833a4,4,0,0,1,2-3.4641L78,31.5025a4,4,0,0,1,4,0l39,22.5167a4,4,0,0,1,2,3.4641Z"/>
<path class="cls-1" d="M103.0216,93.0379h-2.866a4,4,0,0,0-1.9246.4935L80.95,103.0167,61,91.4981V68.5206L80.95,57.002l17.2894,9.455a4,4,0,0,0,1.9192.4905h2.8632a2,2,0,0,0,2-2V62.2357a2,2,0,0,0-1.04-1.7547L84.793,49.9854a8.0391,8.0391,0,0,0-7.8428.09L57,61.5929A8.0243,8.0243,0,0,0,53,68.5216v22.976a8,8,0,0,0,4,6.9283l19.95,11.5185a8.0422,8.0422,0,0,0,7.8433.0879l19.19-10.5311a2,2,0,0,0,1.0378-1.7534v-2.71A2,2,0,0,0,103.0216,93.0379Z"/>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 KiB

public/img/brand/coreui-signet.svg
-16
View File
@@ -1,16 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 160">
<defs>
<style>
.cls-1 {
fill: #3c4b64;
}
</style>
</defs>
<title>signet</title>
<g id="Warstwa_1" data-name="Warstwa 1">
<g>
<path class="cls-1" d="M125,47.091,86,24.5743a12,12,0,0,0-12,0L35,47.091a12.0336,12.0336,0,0,0-6,10.3923v45.0334a12.0335,12.0335,0,0,0,6,10.3923l39,22.5166a11.9993,11.9993,0,0,0,12,0l39-22.5166a12.0335,12.0335,0,0,0,6-10.3923V57.4833A12.0336,12.0336,0,0,0,125,47.091Zm-2,55.4257a4,4,0,0,1-2,3.464L82,128.4974a4,4,0,0,1-4,0L39,105.9807a4,4,0,0,1-2-3.464V57.4833a4,4,0,0,1,2-3.4641L78,31.5025a4,4,0,0,1,4,0l39,22.5167a4,4,0,0,1,2,3.4641Z"/>
<path class="cls-1" d="M103.0216,93.0379h-2.866a4,4,0,0,0-1.9246.4935L80.95,103.0167,61,91.4981V68.5206L80.95,57.002l17.2894,9.455a4,4,0,0,0,1.9192.4905h2.8632a2,2,0,0,0,2-2V62.2357a2,2,0,0,0-1.04-1.7547L84.793,49.9854a8.0391,8.0391,0,0,0-7.8428.09L57,61.5929A8.0243,8.0243,0,0,0,53,68.5216v22.976a8,8,0,0,0,4,6.9283l19.95,11.5185a8.0422,8.0422,0,0,0,7.8433.0879l19.19-10.5311a2,2,0,0,0,1.0378-1.7534v-2.71A2,2,0,0,0,103.0216,93.0379Z"/>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 KiB

public/img/brand/coreui-vue-logo.svg
-38
View File
@@ -1,38 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 556 134">
<defs>
<style>
.cls-1 {
fill: #1bbd93;
}
.cls-2 {
fill: #3c4b64;
}
</style>
</defs>
<title>coreui vue</title>
<g id="Warstwa_1" data-name="Warstwa 1">
<g>
<path class="cls-1" d="M347.9818,90.0869l-11.84-43.52-.0644-.1924q0-.5112.6406-.5117h1.2793a.66.66,0,0,1,.7051.5762l10.623,39.68c.042.0859.0859.1279.1289.1279.041,0,.084-.042.127-.1279l10.625-39.68a.657.657,0,0,1,.7031-.5762h1.2168a.54.54,0,0,1,.5762.7041l-11.9043,43.52a.6584.6584,0,0,1-.7041.5761h-1.4082A.6577.6577,0,0,1,347.9818,90.0869Z"/>
<path class="cls-1" d="M382.2786,89.5751a10.9023,10.9023,0,0,1-4.3515-4.5439,14.4586,14.4586,0,0,1-1.5362-6.7842V46.5029a.5656.5656,0,0,1,.64-.64h1.2168a.5659.5659,0,0,1,.64.64v32a10.5488,10.5488,0,0,0,2.72,7.5527,10.36,10.36,0,0,0,14.3359,0,10.5493,10.5493,0,0,0,2.7207-7.5527v-32a.5655.5655,0,0,1,.64-.64h1.2159a.5666.5666,0,0,1,.6406.64V78.247a13.01,13.01,0,0,1-3.3926,9.376,11.8974,11.8974,0,0,1-9.0234,3.5527A12.8481,12.8481,0,0,1,382.2786,89.5751Z"/>
<path class="cls-1" d="M439.5843,48.1035H419.5521a.2263.2263,0,0,0-.2559.2558V66.8554a.2259.2259,0,0,0,.2559.2559h13.8242a.5665.5665,0,0,1,.6406.64v.96a.5665.5665,0,0,1-.6406.6406H419.5521a.2263.2263,0,0,0-.2559.2559v18.56a.2259.2259,0,0,0,.2559.2559h20.0322a.5665.5665,0,0,1,.64.6406v.96a.5655.5655,0,0,1-.64.64H417.4407a.5654.5654,0,0,1-.6406-.64v-43.52a.5658.5658,0,0,1,.6406-.64h22.1436a.5659.5659,0,0,1,.64.64v.96A.5658.5658,0,0,1,439.5843,48.1035Z"/>
<path class="cls-1" d="M454.5921,89.5117a2.8385,2.8385,0,0,1-.8-2.0489,2.9193,2.9193,0,0,1,.8-2.1113,2.7518,2.7518,0,0,1,2.0791-.832,2.8465,2.8465,0,0,1,2.9443,2.9433,2.7561,2.7561,0,0,1-.832,2.08,2.9208,2.9208,0,0,1-2.1123.8008A2.7521,2.7521,0,0,1,454.5921,89.5117Z"/>
<path class="cls-1" d="M474.931,88.0078a11.3087,11.3087,0,0,1-3.2-8.4161v-5.44a.5655.5655,0,0,1,.64-.64h1.2158a.5662.5662,0,0,1,.6407.64v5.5039a9.1421,9.1421,0,0,0,2.5283,6.72,8.9734,8.9734,0,0,0,6.6875,2.5606,8.7916,8.7916,0,0,0,9.28-9.28V46.5029a.5655.5655,0,0,1,.64-.64h1.2158a.5656.5656,0,0,1,.64.64V79.5917a11.2541,11.2541,0,0,1-3.2315,8.4161,13.0621,13.0621,0,0,1-17.0556,0Z"/>
<path class="cls-1" d="M512.8753,88.1035a10.4847,10.4847,0,0,1-3.36-8.128v-1.792a.5665.5665,0,0,1,.6406-.6406h1.0879a.5666.5666,0,0,1,.64.6406v1.6a8.5461,8.5461,0,0,0,2.752,6.6563,10.5361,10.5361,0,0,0,7.36,2.4961,9.8741,9.8741,0,0,0,6.9766-2.3682,8.2188,8.2188,0,0,0,2.56-6.3359,8.3952,8.3952,0,0,0-1.12-4.416,11.3752,11.3752,0,0,0-3.3281-3.3926,71.6866,71.6866,0,0,0-6.1758-3.7119,71.0151,71.0151,0,0,1-6.24-3.84,12.1824,12.1824,0,0,1-3.4238-3.68,10.2659,10.2659,0,0,1-1.28-5.3437,9.86,9.86,0,0,1,3.0723-7.7441,12.0126,12.0126,0,0,1,8.3193-2.752q5.6969,0,8.9609,3.1035a10.8247,10.8247,0,0,1,3.2637,8.2246v1.6a.5658.5658,0,0,1-.6406.64h-1.1514a.5651.5651,0,0,1-.64-.64V56.8076a8.8643,8.8643,0,0,0-2.6241-6.6885,9.9936,9.9936,0,0,0-7.2324-2.5274,9.37,9.37,0,0,0-6.5283,2.1436,7.8253,7.8253,0,0,0-2.3672,6.1123,7.8088,7.8088,0,0,0,1.0235,4.16,10.3978,10.3978,0,0,0,3.0078,3.039,63.0249,63.0249,0,0,0,5.9521,3.4883,70.7955,70.7955,0,0,1,6.72,4.2559,13.4613,13.4613,0,0,1,3.6485,3.9365,10.044,10.044,0,0,1,1.28,5.1836,10.7185,10.7185,0,0,1-3.2647,8.1924q-3.2637,3.0717-8.832,3.0722Q516.2342,91.1757,512.8753,88.1035Z"/>
</g>
<g>
<g>
<path class="cls-2" d="M99.367,36.0577l-39-22.5167a12,12,0,0,0-12,0l-39,22.5166a12.0337,12.0337,0,0,0-6,10.3924V91.4833a12.0331,12.0331,0,0,0,6,10.3923l39,22.5167a12,12,0,0,0,12,0l39-22.5167a12.0333,12.0333,0,0,0,6-10.3923V46.45A12.0336,12.0336,0,0,0,99.367,36.0577Zm-2,55.4256a4,4,0,0,1-2,3.4641l-39,22.5167a4.0006,4.0006,0,0,1-4,0l-39-22.5167a4,4,0,0,1-2-3.4641V46.45a4,4,0,0,1,2-3.4642l39-22.5166a4,4,0,0,1,4,0l39,22.5166a4,4,0,0,1,2,3.4642Z"/>
<path class="cls-2" d="M77.3886,82.0046h-2.866a4.0007,4.0007,0,0,0-1.9247.4934L55.3172,91.9833,35.367,80.4648V57.4872l19.95-11.5185L72.606,55.4236a3.9993,3.9993,0,0,0,1.9192.4906h2.8632a2,2,0,0,0,2-2V51.2024a2,2,0,0,0-1.04-1.7547L59.16,38.9521a8.0389,8.0389,0,0,0-7.8427.09L31.3665,50.56a8.0245,8.0245,0,0,0-3.9995,6.9287v22.976a8,8,0,0,0,4,6.9283l19.95,11.5186a8.0427,8.0427,0,0,0,7.8432.0879l19.19-10.5312a2,2,0,0,0,1.0378-1.7533v-2.71A2,2,0,0,0,77.3886,82.0046Z"/>
</g>
<g>
<path class="cls-2" d="M172.1117,45.3618a15.0166,15.0166,0,0,0-15,14.9995V77.6387a15,15,0,0,0,30,0V60.3613A15.0167,15.0167,0,0,0,172.1117,45.3618Zm7,32.2769a7,7,0,0,1-14,0V60.3613a7,7,0,0,1,14,0Z"/>
<path class="cls-2" d="M135.4458,53.4211a7.01,7.01,0,0,1,7.8681,6.0752.9892.9892,0,0,0,.9842.865h6.03a1.0108,1.0108,0,0,0,.9987-1.0971,15.0182,15.0182,0,0,0-15.7161-13.8837A15.2881,15.2881,0,0,0,121.367,60.7968V77.2037A15.288,15.288,0,0,0,135.6112,92.62a15.0182,15.0182,0,0,0,15.7161-13.8842,1.0107,1.0107,0,0,0-.9987-1.0971h-6.03a.9892.9892,0,0,0-.9842.865,7.0106,7.0106,0,0,1-7.868,6.0757,7.1642,7.1642,0,0,1-6.0789-7.1849V60.6057A7.1638,7.1638,0,0,1,135.4458,53.4211Z"/>
<path class="cls-2" d="M218.2891,72.9277a12.1584,12.1584,0,0,0,7.1843-11.0771V58.1494A12.1494,12.1494,0,0,0,213.324,46H196.367a1,1,0,0,0-1,1V91a1,1,0,0,0,1,1h6a1,1,0,0,0,1-1V74h6.6215l7.9154,17.4138a1,1,0,0,0,.91.5862h6.5912a1,1,0,0,0,.91-1.4138Zm-.8157-11.0771A4.1538,4.1538,0,0,1,213.3245,66h-9.8511V54h9.8511a4.1538,4.1538,0,0,1,4.1489,4.1494Z"/>
<path class="cls-2" d="M260.367,46h-26a1,1,0,0,0-1,1V91a1,1,0,0,0,1,1h26a1,1,0,0,0,1-1V85a1,1,0,0,0-1-1h-19V72h13a1,1,0,0,0,1-1V65a1,1,0,0,0-1-1h-13V54h19a1,1,0,0,0,1-1V47A1,1,0,0,0,260.367,46Z"/>
<path class="cls-2" d="M298.367,46h-6a1,1,0,0,0-1,1V69.6475a7.0066,7.0066,0,1,1-14,0V47a1,1,0,0,0-1-1h-6a1,1,0,0,0-1,1V69.6475a15.0031,15.0031,0,1,0,30,0V47A1,1,0,0,0,298.367,46Z"/>
<rect class="cls-2" x="307.367" y="46" width="8" height="38" rx="1"/>
</g>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 5.7 KiB

public/index.html
+2 -2
View File
@@ -1,9 +1,9 @@
<!DOCTYPE html> <!DOCTYPE html>
<!-- <!--
* CoreUI Free - Vue.js Admin Template * CoreUI Free - Vue.js Admin Template
* @version v3.0.0-beta.1 * @version 3.0.0
* @link https://coreui.io/vue/ * @link https://coreui.io/vue/
* Copyright (c) 2019 creativeLabs Łukasz Holeczek * Copyright (c) 2020 creativeLabs Łukasz Holeczek
--> -->
<html> <html>
src/assets/icons/icons.js
+2
View File
@@ -79,9 +79,11 @@ import {
cilXCircle cilXCircle
} from '@coreui/icons' } from '@coreui/icons'
import { logo } from './logo'
export const iconsSet = Object.assign( export const iconsSet = Object.assign(
{}, {},
{ logo },
{ {
cilArrowRight, cilArrowRight,
cilBan, cilBan,
src/assets/icons/logo.js
+28
View File
File diff suppressed because one or more lines are too long
src/assets/scss/style.scss
+1 -1
View File
@@ -7,7 +7,7 @@
// If you want to add something do it here // If you want to add something do it here
@import "custom"; @import "custom";
.card-header > .c-icon:first-child { .card-header:not(.content-center) > .c-icon:first-child {
margin-right: 0.1rem; margin-right: 0.1rem;
margin-top: 0.1rem; margin-top: 0.1rem;
vertical-align: top; vertical-align: top;
src/containers/TheContainer.vue
+2 -2
View File
@@ -1,7 +1,7 @@
<template> <template>
<div class="c-app"> <div class="c-app">
<TheSidebar/> <TheSidebar/>
<div class="c-wrapper"> <CWrapper>
<TheHeader/> <TheHeader/>
<div class="c-body"> <div class="c-body">
<main class="c-main"> <main class="c-main">
@@ -11,9 +11,9 @@
</transition> </transition>
</CContainer> </CContainer>
</main> </main>
</div>
<TheFooter/> <TheFooter/>
</div> </div>
</CWrapper>
</div> </div>
</template> </template>
src/containers/TheFooter.vue
+2 -2
View File
@@ -1,8 +1,8 @@
<template> <template>
<CFooter> <CFooter :fixed="false">
<div> <div>
<a href="https://coreui.io" target="_blank">CoreUI</a> <a href="https://coreui.io" target="_blank">CoreUI</a>
<span class="ml-1">&copy; 2019 creativeLabs.</span> <span class="ml-1">&copy; {{new Date().getFullYear()}} creativeLabs.</span>
</div> </div>
<div class="ml-auto"> <div class="ml-auto">
<span class="mr-1">Powered by</span> <span class="mr-1">Powered by</span>
src/containers/TheHeader.vue
+6 -10
View File
@@ -3,20 +3,16 @@
<CToggler <CToggler
in-header in-header
class="ml-3 d-lg-none" class="ml-3 d-lg-none"
v-c-emit-root-event:toggle-sidebar-mobile @click="$store.commit('toggleSidebarMobile')"
/> />
<CToggler <CToggler
in-header in-header
class="ml-3 d-md-down-none" class="ml-3 d-md-down-none"
v-c-emit-root-event:toggle-sidebar @click="$store.commit('toggleSidebarDesktop')"
/>
<CHeaderBrand
class="mx-auto d-lg-none"
src="img/brand/coreui-vue-logo.svg"
width="190"
height="46"
alt="CoreUI Logo"
/> />
<CHeaderBrand class="mx-auto d-lg-none" to="/">
<CIcon name="logo" height="48" alt="Logo"/>
</CHeaderBrand>
<CHeaderNav class="d-md-down-none mr-auto"> <CHeaderNav class="d-md-down-none mr-auto">
<CHeaderNavItem class="px-3"> <CHeaderNavItem class="px-3">
<CHeaderNavLink to="/dashboard"> <CHeaderNavLink to="/dashboard">
@@ -53,7 +49,7 @@
<TheHeaderDropdownAccnt/> <TheHeaderDropdownAccnt/>
</CHeaderNav> </CHeaderNav>
<CSubheader class="px-3"> <CSubheader class="px-3">
<CBreadcrumbRouter class="border-0"/> <CBreadcrumbRouter class="border-0 mb-0"/>
</CSubheader> </CSubheader>
</CHeader> </CHeader>
</template> </template>
src/containers/TheSidebar.vue
+19 -21
View File
@@ -2,17 +2,23 @@
<CSidebar <CSidebar
fixed fixed
:minimize="minimize" :minimize="minimize"
:show.sync="show" :show="show"
@update:show="(value) => $store.commit('set', ['sidebarShow', value])"
> >
<CSidebarBrand <CSidebarBrand class="d-md-down-none" to="/">
:imgFull="{ width: 118, height: 46, alt: 'Logo', src: 'img/brand/coreui-base-white.svg'}" <CIcon
:imgMinimized="{ width: 118, height: 46, alt: 'Logo', src: 'img/brand/coreui-signet-white.svg'}" class="d-block"
:wrappedInLink="{ href: 'https://coreui.io/', target: '_blank'}" name="logo"
size="custom-size"
:height="35"
:viewBox="`0 0 ${minimize ? 110 : 556} 134`"
/> />
<CRenderFunction flat :content-to-render="nav"/> </CSidebarBrand>
<CRenderFunction flat :content-to-render="$options.nav"/>
<CSidebarMinimizer <CSidebarMinimizer
class="d-md-down-none" class="d-md-down-none"
@click.native="minimize = !minimize" @click.native="$store.commit('set', ['sidebarMinimize', !minimize])"
/> />
</CSidebar> </CSidebar>
</template> </template>
@@ -22,22 +28,14 @@ import nav from './_nav'
export default { export default {
name: 'TheSidebar', name: 'TheSidebar',
data () {
return {
minimize: false,
nav, nav,
show: 'responsive' computed: {
} show () {
return this.$store.state.sidebarShow
}, },
mounted () { minimize () {
this.$root.$on('toggle-sidebar', () => { return this.$store.state.sidebarMinimize
const sidebarOpened = this.show === true || this.show === 'responsive' }
this.show = sidebarOpened ? false : 'responsive'
})
this.$root.$on('toggle-sidebar-mobile', () => {
const sidebarClosed = this.show === 'responsive' || this.show === false
this.show = sidebarClosed ? true : 'responsive'
})
} }
} }
</script> </script>
src/containers/_nav.js
+29 -59
View File
@@ -40,83 +40,67 @@ export default [
items: [ items: [
{ {
name: 'Breadcrumbs', name: 'Breadcrumbs',
to: '/base/breadcrumbs', to: '/base/breadcrumbs'
icon: 'cil-puzzle'
}, },
{ {
name: 'Cards', name: 'Cards',
to: '/base/cards', to: '/base/cards'
icon: 'cil-puzzle'
}, },
{ {
name: 'Carousels', name: 'Carousels',
to: '/base/carousels', to: '/base/carousels'
icon: 'cil-puzzle'
}, },
{ {
name: 'Collapses', name: 'Collapses',
to: '/base/collapses', to: '/base/collapses'
icon: 'cil-puzzle'
}, },
{ {
name: 'Forms', name: 'Forms',
to: '/base/forms', to: '/base/forms'
icon: 'cil-puzzle'
}, },
{ {
name: 'Jumbotrons', name: 'Jumbotrons',
to: '/base/jumbotrons', to: '/base/jumbotrons'
icon: 'cil-puzzle'
}, },
{ {
name: 'List Groups', name: 'List Groups',
to: '/base/list-groups', to: '/base/list-groups'
icon: 'cil-puzzle'
}, },
{ {
name: 'Navs', name: 'Navs',
to: '/base/navs', to: '/base/navs'
icon: 'cil-puzzle'
}, },
{ {
name: 'Navbars', name: 'Navbars',
to: '/base/navbars', to: '/base/navbars'
icon: 'cil-puzzle'
}, },
{ {
name: 'Paginations', name: 'Paginations',
to: '/base/paginations', to: '/base/paginations'
icon: 'cil-puzzle'
}, },
{ {
name: 'Popovers', name: 'Popovers',
to: '/base/popovers', to: '/base/popovers'
icon: 'cil-puzzle'
}, },
{ {
name: 'Progress Bars', name: 'Progress Bars',
to: '/base/progress-bars', to: '/base/progress-bars'
icon: 'cil-puzzle'
}, },
{ {
name: 'Switches', name: 'Switches',
to: '/base/switches', to: '/base/switches'
icon: 'cil-puzzle'
}, },
{ {
name: 'Tables', name: 'Tables',
to: '/base/tables', to: '/base/tables'
icon: 'cil-puzzle'
}, },
{ {
name: 'Tabs', name: 'Tabs',
to: '/base/tabs', to: '/base/tabs'
icon: 'cil-puzzle'
}, },
{ {
name: 'Tooltips', name: 'Tooltips',
to: '/base/tooltips', to: '/base/tooltips'
icon: 'cil-puzzle'
} }
] ]
}, },
@@ -128,23 +112,19 @@ export default [
items: [ items: [
{ {
name: 'Buttons', name: 'Buttons',
to: '/buttons/standard-buttons', to: '/buttons/standard-buttons'
icon: 'cil-cursor'
}, },
{ {
name: 'Button Dropdowns', name: 'Button Dropdowns',
to: '/buttons/dropdowns', to: '/buttons/dropdowns'
icon: 'cil-cursor'
}, },
{ {
name: 'Button Groups', name: 'Button Groups',
to: '/buttons/button-groups', to: '/buttons/button-groups'
icon: 'cil-cursor'
}, },
{ {
name: 'Brand Buttons', name: 'Brand Buttons',
to: '/buttons/brand-buttons', to: '/buttons/brand-buttons'
icon: 'cil-cursor'
} }
] ]
}, },
@@ -163,7 +143,6 @@ export default [
{ {
name: 'CoreUI Icons', name: 'CoreUI Icons',
to: '/icons/coreui-icons', to: '/icons/coreui-icons',
icon: 'cil-star',
badge: { badge: {
color: 'info', color: 'info',
text: 'NEW' text: 'NEW'
@@ -171,13 +150,11 @@ export default [
}, },
{ {
name: 'Brands', name: 'Brands',
to: '/icons/brands', to: '/icons/brands'
icon: 'cil-star'
}, },
{ {
name: 'Flags', name: 'Flags',
to: '/icons/flags', to: '/icons/flags'
icon: 'cil-star'
} }
] ]
}, },
@@ -189,18 +166,15 @@ export default [
items: [ items: [
{ {
name: 'Alerts', name: 'Alerts',
to: '/notifications/alerts', to: '/notifications/alerts'
icon: 'cil-bell'
}, },
{ {
name: 'Badges', name: 'Badges',
to: '/notifications/badges', to: '/notifications/badges'
icon: 'cil-bell'
}, },
{ {
name: 'Modals', name: 'Modals',
to: '/notifications/modals', to: '/notifications/modals'
icon: 'cil-bell'
} }
] ]
}, },
@@ -231,23 +205,19 @@ export default [
items: [ items: [
{ {
name: 'Login', name: 'Login',
to: '/pages/login', to: '/pages/login'
icon: 'cil-star'
}, },
{ {
name: 'Register', name: 'Register',
to: '/pages/register', to: '/pages/register'
icon: 'cil-star'
}, },
{ {
name: 'Error 404', name: 'Error 404',
to: '/pages/404', to: '/pages/404'
icon: 'cil-star'
}, },
{ {
name: 'Error 500', name: 'Error 500',
to: '/pages/500', to: '/pages/500'
icon: 'cil-star'
} }
] ]
}, },
src/main.js
+4 -1
View File
@@ -1,8 +1,10 @@
import 'core-js/stable'
import Vue from 'vue' import Vue from 'vue'
import App from './App' import App from './App'
import router from './router' import router from './router'
import CoreuiVue from '@coreui/vue' import CoreuiVue from '@coreui/vue'
import { iconsSet as icons } from './assets/icons/icons.js' import { iconsSet as icons } from './assets/icons/icons.js'
import store from './store'
Vue.config.performance = true Vue.config.performance = true
Vue.use(CoreuiVue) Vue.use(CoreuiVue)
@@ -10,9 +12,10 @@ Vue.use(CoreuiVue)
new Vue({ new Vue({
el: '#app', el: '#app',
router, router,
store,
icons, icons,
template: '<App/>', template: '<App/>',
components: { components: {
App App
}, }
}) })
src/router/index.js
+13 -6
View File
@@ -111,21 +111,28 @@ function configRoutes () {
}, },
{ {
path: 'users', path: 'users',
meta: { label: 'Users'}, meta: {
label: 'Users'
},
component: { component: {
render (c) { return c('router-view') } render(c) {
return c('router-view')
}
}, },
children: [ children: [
{ {
path: '', path: '',
component: Users, name: 'Users',
component: Users
}, },
{ {
path: ':id', path: ':id',
meta: { label: 'User Details'}, meta: {
name: 'User', label: 'User Details'
component: User,
}, },
name: 'User',
component: User
}
] ]
}, },
{ {
src/store.js
+27
View File
@@ -0,0 +1,27 @@
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const state = {
sidebarShow: 'responsive',
sidebarMinimize: false
}
const mutations = {
toggleSidebarDesktop (state) {
const sidebarOpened = [true, 'responsive'].includes(state.sidebarShow)
state.sidebarShow = sidebarOpened ? false : 'responsive'
},
toggleSidebarMobile (state) {
const sidebarClosed = [false, 'responsive'].includes(state.sidebarShow)
state.sidebarShow = sidebarClosed ? true : 'responsive'
},
set (state, [variable, value]) {
state[variable] = value
}
}
export default new Vuex.Store({
state,
mutations
})
src/views/base/Collapses.vue
+11
View File
@@ -37,6 +37,16 @@
</CCollapse> </CCollapse>
</CCardBody> </CCardBody>
</CCard> </CCard>
<CCard>
<CCardHeader @click.native="cardCollapse = !cardCollapse">
<strong>Collapsible card</strong>
</CCardHeader>
<CCardBody>
<CCollapse :show="cardCollapse" class="mt-2">
<CCardText>Collapse contents Here</CCardText>
</CCollapse>
</CCardBody>
</CCard>
</CCol> </CCol>
</CRow> </CRow>
</template> </template>
@@ -47,6 +57,7 @@ export default {
data () { data () {
return { return {
collapse: false, collapse: false,
cardCollapse: true,
innerCollapse: false, innerCollapse: false,
text: ` text: `
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
src/views/base/Navbars.vue
+4 -8
View File
@@ -30,13 +30,13 @@
<!-- Right aligned nav items --> <!-- Right aligned nav items -->
<CNavbarNav class="ml-auto"> <CNavbarNav class="ml-auto">
<CForm inline> <CForm inline class="align-middle">
<CInput <CInput
class="mr-sm-2" class="mr-2 my-0"
placeholder="Search" placeholder="Search"
size="sm" size="sm"
/> />
<CButton color="light" size="sm" class="my-2 my-sm-0"> <CButton color="light" size="sm">
Search Search
</CButton> </CButton>
</CForm> </CForm>
@@ -44,7 +44,6 @@
<CDropdown <CDropdown
toggler-text="Lang" toggler-text="Lang"
in-nav in-nav
placement="bottom-end"
> >
<CDropdownItem>EN</CDropdownItem> <CDropdownItem>EN</CDropdownItem>
<CDropdownItem>ES</CDropdownItem> <CDropdownItem>ES</CDropdownItem>
@@ -55,7 +54,6 @@
<CDropdown <CDropdown
in-nav in-nav
toggler-text="User" toggler-text="User"
placement="bottom-end"
> >
<CDropdownItem>Profile</CDropdownItem> <CDropdownItem>Profile</CDropdownItem>
<CDropdownItem>Signout</CDropdownItem> <CDropdownItem>Signout</CDropdownItem>
@@ -112,7 +110,6 @@
<!-- Navbar dropdowns --> <!-- Navbar dropdowns -->
<CDropdown <CDropdown
toggler-text="Lang" toggler-text="Lang"
placement="bottom-end"
in-nav in-nav
> >
<CDropdownItem>EN</CDropdownItem> <CDropdownItem>EN</CDropdownItem>
@@ -122,7 +119,6 @@
</CDropdown> </CDropdown>
<CDropdown <CDropdown
toggler-text="User" toggler-text="User"
placement="bottom-end"
in-nav in-nav
> >
<CDropdownItem>Account</CDropdownItem> <CDropdownItem>Account</CDropdownItem>
@@ -176,7 +172,7 @@ export default {
return { return {
show: false, show: false,
navbarText: false, navbarText: false,
navbarDropdown: false, navbarDropdown: false
} }
} }
} }
src/views/base/Navs.vue
+10 -15
View File
@@ -30,17 +30,19 @@
<small>icons</small> <small>icons</small>
</CCardHeader> </CCardHeader>
<CCardBody> <CCardBody>
<CNav> <CNav variant="pills">
<CNavItem active> <CNavItem active>
<CIcon name="cil-basket"/> <CIcon name="cil-basket"/>
</CNavItem> </CNavItem>
<CNavItem> <CNavItem>
Link <CIcon name="cil-settings"/>
</CNavItem> </CNavItem>
<CNavItem> <CNavItem>
Another Link <CIcon name="cil-bell"/>
</CNavItem>
<CNavItem disabled>
<CIcon name="cil-envelope-closed"/>
</CNavItem> </CNavItem>
<CNavItem disabled>Disabled</CNavItem>
</CNav> </CNav>
</CCardBody> </CCardBody>
</CCard> </CCard>
@@ -117,16 +119,14 @@
<small>dropdown support</small> <small>dropdown support</small>
</CCardHeader> </CCardHeader>
<CCardBody> <CCardBody>
<CNav pills> <CNav variant="pills">
<CNavItem active>Active</CNavItem> <CNavItem>Active</CNavItem>
<CNavItem>Link</CNavItem> <CNavItem>Link</CNavItem>
<CDropdown <CDropdown
id="nav7_ddown" in-nav
nav
placement="bottom-end" placement="bottom-end"
button-content="Dropdown" button-content="Dropdown"
> >
<!-- <a class="nav-link dropdown-toggle" slot="button">Dropdown</a> -->
<CDropdownItem>one</CDropdownItem> <CDropdownItem>one</CDropdownItem>
<CDropdownItem>two</CDropdownItem> <CDropdownItem>two</CDropdownItem>
<CDropdownDivider/> <CDropdownDivider/>
@@ -159,11 +159,6 @@
<script> <script>
export default { export default {
name: 'Navs', name: 'Navs'
data () {
return {
item: 2
}
}
} }
</script> </script>
src/views/base/Paginations.vue
+4 -3
View File
@@ -3,7 +3,8 @@
<CCard> <CCard>
<CCardHeader> <CCardHeader>
<CIcon name="cil-justify-center"/> <CIcon name="cil-justify-center"/>
<strong> Responsive bootstrap Pagination</strong> <strong> Pagination </strong>
<small>size</small>
<div class="card-header-actions"> <div class="card-header-actions">
<a <a
href="https://coreui.io/vue/docs/components/pagination" href="https://coreui.io/vue/docs/components/pagination"
@@ -31,7 +32,7 @@
:pages="10"/> :pages="10"/>
<br> <br>
<div> <div class="d-md-down-none">
<h6>Large</h6> <h6>Large</h6>
<CPagination <CPagination
size="lg" size="lg"
@@ -86,7 +87,7 @@ export default {
name: 'Paginations', name: 'Paginations',
data () { data () {
return { return {
currentPage: 3, currentPage: 3
} }
} }
} }
src/views/base/Tabs.vue
+6 -5
View File
@@ -25,7 +25,7 @@
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum. officia deserunt mollit anim id est laborum.
</CTab> </CTab>
<CTab title="Profile"> <CTab title="Profile" active>
2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
@@ -81,7 +81,7 @@
Tabs with icons Tabs with icons
</CCardHeader> </CCardHeader>
<CCardBody> <CCardBody>
<CTabs> <CTabs :active-tab.sync="activeTab">
<CTab active> <CTab active>
<template slot="title"> <template slot="title">
<CIcon name="cil-calculator"/> <CIcon name="cil-calculator"/>
@@ -123,7 +123,7 @@
</CCardHeader> </CCardHeader>
<CCardBody> <CCardBody>
<CTabs add-tab-classes="mt-1"> <CTabs add-tab-classes="mt-1">
<CTab active> <CTab>
<template slot="title"> <template slot="title">
<CIcon name="cil-calculator"/> {{tabs[0]}} <CIcon name="cil-calculator"/> {{tabs[0]}}
</template> </template>
@@ -133,7 +133,7 @@
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum. officia deserunt mollit anim id est laborum.
</CTab> </CTab>
<CTab> <CTab active>
<template slot="title"> <template slot="title">
<CIcon name="cil-basket"/> {{tabs[1]}} <CIcon name="cil-basket"/> {{tabs[1]}}
</template> </template>
@@ -211,7 +211,8 @@ export default {
'Calculator', 'Calculator',
'Shopping cart', 'Shopping cart',
'Charts' 'Charts'
] ],
activeTab: 1
} }
} }
} }
src/views/buttons/Dropdowns.vue
+1 -1
View File
@@ -111,7 +111,7 @@
<div> <div>
<CDropdown <CDropdown
color="secondary" color="secondary"
:offset="25" :offset="[10, 5]"
toggler-text="Offset Dropdown" toggler-text="Offset Dropdown"
class="m-2" class="m-2"
> >
src/views/charts/CChartRadarExample.vue
+2 -2
View File
@@ -19,7 +19,7 @@ export default {
defaultDatasets () { defaultDatasets () {
return [ return [
{ {
label: '2017', label: '2019',
backgroundColor: 'rgba(179,181,198,0.2)', backgroundColor: 'rgba(179,181,198,0.2)',
borderColor: 'rgba(179,181,198,1)', borderColor: 'rgba(179,181,198,1)',
pointBackgroundColor: 'rgba(179,181,198,1)', pointBackgroundColor: 'rgba(179,181,198,1)',
@@ -30,7 +30,7 @@ export default {
data: [65, 59, 90, 81, 56, 55, 40] data: [65, 59, 90, 81, 56, 55, 40]
}, },
{ {
label: '2018', label: '2020',
backgroundColor: 'rgba(255,99,132,0.2)', backgroundColor: 'rgba(255,99,132,0.2)',
borderColor: 'rgba(255,99,132,1)', borderColor: 'rgba(255,99,132,1)',
pointBackgroundColor: 'rgba(255,99,132,1)', pointBackgroundColor: 'rgba(255,99,132,1)',
src/views/charts/MainChartExample.vue
+4 -4
View File
@@ -8,7 +8,7 @@
<script> <script>
import { CChartLine } from '@coreui/vue-chartjs' import { CChartLine } from '@coreui/vue-chartjs'
import { getColor, hexToRgba } from '@coreui/utils/src' import { getStyle, hexToRgba } from '@coreui/utils/src'
function random (min, max) { function random (min, max) {
return Math.floor(Math.random() * (max - min + 1) + min) return Math.floor(Math.random() * (max - min + 1) + min)
@@ -21,9 +21,9 @@ export default {
}, },
computed: { computed: {
defaultDatasets () { defaultDatasets () {
const brandSuccess = getColor('success') || '#4dbd74' const brandSuccess = getStyle('success2') || '#4dbd74'
const brandInfo = getColor('info') || '#20a8d8' const brandInfo = getStyle('info') || '#20a8d8'
const brandDanger = getColor('danger') || '#f86c6b' const brandDanger = getStyle('danger') || '#f86c6b'
let elements = 27 let elements = 27
const data1 = [] const data1 = []
src/views/notifications/Alerts.vue
+1 -1
View File
@@ -188,7 +188,7 @@ export default {
this.dismissCountDown = this.dismissSecs this.dismissCountDown = this.dismissSecs
}, },
showDismissibleAlerts () { showDismissibleAlerts () {
['alert1', 'alert2', 'alert3'].forEach(alert => this[alert] = true) ['alert1', 'alert2'].forEach(alert => this[alert] = true)
} }
} }
} }
src/views/pages/Login.vue
+6 -6
View File
@@ -1,7 +1,7 @@
<template> <template>
<CContainer class="d-flex align-items-center min-vh-100"> <CContainer class="d-flex content-center min-vh-100">
<CRow class="justify-content-center"> <CRow>
<CCol md="8"> <CCol>
<CCardGroup> <CCardGroup>
<CCard class="p-4"> <CCard class="p-4">
<CCardBody> <CCardBody>
@@ -22,11 +22,12 @@
<template #prepend-content><CIcon name="cil-lock-locked"/></template> <template #prepend-content><CIcon name="cil-lock-locked"/></template>
</CInput> </CInput>
<CRow> <CRow>
<CCol col="6"> <CCol col="6" class="text-left">
<CButton color="primary" class="px-4">Login</CButton> <CButton color="primary" class="px-4">Login</CButton>
</CCol> </CCol>
<CCol col="6" class="text-right"> <CCol col="6" class="text-right">
<CButton color="link" class="px-0">Forgot password?</CButton> <CButton color="link" class="px-0">Forgot password?</CButton>
<CButton color="link" class="d-md-none">Register now!</CButton>
</CCol> </CCol>
</CRow> </CRow>
</CForm> </CForm>
@@ -35,8 +36,7 @@
<CCard <CCard
color="primary" color="primary"
text-color="white" text-color="white"
class="text-center py-5 d-md-down-none" class="text-center py-5 d-sm-down-none"
style="width:44%"
body-wrapper body-wrapper
> >
<h2>Sign up</h2> <h2>Sign up</h2>
src/views/pages/Register.vue
+5 -3
View File
@@ -1,7 +1,8 @@
<template> <template>
<CContainer class="min-vh-100 d-flex align-items-center"> <div class="d-flex align-items-center min-vh-100">
<CRow class="w-100 justify-content-center"> <CContainer fluid>
<CCol md="6" sm="8"> <CRow class="justify-content-center">
<CCol md="6">
<CCard class="mx-4 mb-0"> <CCard class="mx-4 mb-0">
<CCardBody class="p-4"> <CCardBody class="p-4">
<CForm> <CForm>
@@ -54,6 +55,7 @@
</CCol> </CCol>
</CRow> </CRow>
</CContainer> </CContainer>
</div>
</template> </template>
<script> <script>
src/views/users/User.vue
+19 -8
View File
@@ -10,8 +10,8 @@
striped striped
small small
fixed fixed
:items="getUserData($route.params.id)" :items="visibleData"
:fields="$options.fields" :fields="fields"
/> />
</CCardBody> </CCardBody>
<CCardFooter> <CCardFooter>
@@ -26,16 +26,27 @@
import usersData from './UsersData' import usersData from './UsersData'
export default { export default {
name: 'User', name: 'User',
fields: [ computed: {
{ key: 'key', _style: 'width:150px' }, fields () {
{ key: 'value' , _style: 'width:150px;' } return [
], { key: 'key', label: this.username, _style: 'width:150px'},
methods: { { key: 'value', label: '', _style: 'width:150px;' }
getUserData (id) { ]
},
userData () {
const id = this.$route.params.id
const user = usersData.find((user, index) => index + 1 == id) const user = usersData.find((user, index) => index + 1 == id)
const userDetails = user ? Object.entries(user) : [['id', 'Not found']] const userDetails = user ? Object.entries(user) : [['id', 'Not found']]
return userDetails.map(([key, value]) => { return { key, value } }) return userDetails.map(([key, value]) => { return { key, value } })
}, },
visibleData () {
return this.userData.filter(param => param.key !== 'username')
},
username () {
return this.userData.filter(param => param.key === 'username')[0].value
}
},
methods: {
goBack() { goBack() {
this.$router.go(-1) this.$router.go(-1)
} }
src/views/users/Users.vue
+33 -27
View File
@@ -12,18 +12,11 @@
striped striped
:items="items" :items="items"
:fields="fields" :fields="fields"
:items-per-page="perPage" :items-per-page="5"
@row-clicked="rowClicked"
:pagination="$options.paginationProps"
index-column
clickable-rows clickable-rows
:active-page="activePage"
@row-clicked="rowClicked"
> >
<template #username="data">
<td>
<strong>{{data.item.username}}</strong>
</td>
</template>
<template #status="data"> <template #status="data">
<td> <td>
<CBadge :color="getBadge(data.item.status)"> <CBadge :color="getBadge(data.item.status)">
@@ -32,6 +25,13 @@
</td> </td>
</template> </template>
</CDataTable> </CDataTable>
<CPagination
align="center"
:double-arrows="false"
:active-page="activePage"
:pages="5"
@update:activePage="pageChange"
/>
</CCardBody> </CCardBody>
</CCard> </CCard>
</transition> </transition>
@@ -43,37 +43,43 @@
import usersData from './UsersData' import usersData from './UsersData'
export default { export default {
name: 'Users', name: 'Users',
data: () => { data () {
return { return {
items: usersData, items: usersData,
fields: [ fields: [
{ key: 'username', label: 'Name' }, { key: 'username', label: 'Name', _classes: 'font-weight-bold' },
{ key: 'registered' }, { key: 'registered' },
{ key: 'role' }, { key: 'role' },
{ key: 'status' } { key: 'status' }
], ],
perPage: 5, activePage: 1
} }
}, },
paginationProps: { watch: {
align: 'center', $route: {
doubleArrows: false, immediate: true,
previousButtonHtml: 'prev', handler (route) {
nextButtonHtml: 'next' if (route.query && route.query.page) {
this.activePage = Number(route.query.page)
}
}
}
}, },
methods: { methods: {
getBadge (status) { getBadge (status) {
return status === 'Active' ? 'success' switch (status) {
: status === 'Inactive' ? 'secondary' case 'Active': return 'success'
: status === 'Pending' ? 'warning' case 'Inactive': return 'secondary'
: status === 'Banned' ? 'danger' : 'primary' case 'Pending': return 'warning'
}, case 'Banned': return 'danger'
userLink (id) { default: 'primary'
return `users/${id.toString()}` }
}, },
rowClicked (item, index) { rowClicked (item, index) {
const userLink = this.userLink(index + 1) this.$router.push({path: `users/${index + 1}`})
this.$router.push({path: userLink}) },
pageChange (val) {
this.$router.push({ query: { page: val }})
} }
} }
} }
tests/unit/containers/TheContainer.spec.js
+14 -2
View File
@@ -1,13 +1,23 @@
import CoreuiVue from '@coreui/vue' import CoreuiVue from '@coreui/vue'
import { shallowMount, createLocalVue } from '@vue/test-utils'; import { shallowMount, createLocalVue } from '@vue/test-utils';
import VueRouter from 'vue-router' import VueRouter from 'vue-router'
import Vuex from 'vuex'
import TheContainer from '@/containers/TheContainer' import TheContainer from '@/containers/TheContainer'
const localVue = createLocalVue() const localVue = createLocalVue()
localVue.use(Vuex)
localVue.use(VueRouter) localVue.use(VueRouter)
const router = new VueRouter()
localVue.use(CoreuiVue) localVue.use(CoreuiVue)
const store = new Vuex.Store({
state: {
darkMode: false,
sidebarShow: 'responsive',
sidebarMinimize: false,
asideShow: false
}
})
const router = new VueRouter()
describe('TheContainer.vue', () => { describe('TheContainer.vue', () => {
it('has a name', () => { it('has a name', () => {
@@ -15,6 +25,7 @@ describe('TheContainer.vue', () => {
}) })
test('renders correctly', () => { test('renders correctly', () => {
const wrapper = shallowMount(TheContainer, { const wrapper = shallowMount(TheContainer, {
store,
localVue, localVue,
router router
}) })
@@ -22,6 +33,7 @@ describe('TheContainer.vue', () => {
}) })
it('is Vue instance', () => { it('is Vue instance', () => {
const wrapper = shallowMount(TheContainer, { const wrapper = shallowMount(TheContainer, {
store,
localVue, localVue,
router router
}) })
tests/unit/containers/TheSidebar.spec.js
+13 -4
View File
@@ -1,16 +1,25 @@
import Vue from 'vue' import { shallowMount, createLocalVue } from '@vue/test-utils';
import { shallowMount } from '@vue/test-utils';
import CoreuiVue from '@coreui/vue' import CoreuiVue from '@coreui/vue'
import Vuex from 'vuex'
import TheSidebar from '@/containers/TheSidebar' import TheSidebar from '@/containers/TheSidebar'
Vue.use(CoreuiVue) const localVue = createLocalVue()
localVue.use(CoreuiVue)
localVue.use(Vuex)
const store = new Vuex.Store({
state: {
sidebarShow: 'responsive',
sidebarMinimize: false
}
})
describe('TheSidebar.vue', () => { describe('TheSidebar.vue', () => {
it('has a name', () => { it('has a name', () => {
expect(TheSidebar.name).toBe('TheSidebar') expect(TheSidebar.name).toBe('TheSidebar')
}) })
test('renders correctly', () => { test('renders correctly', () => {
const wrapper = shallowMount(TheSidebar) const wrapper = shallowMount(TheSidebar, { store, localVue })
expect(wrapper.element).toMatchSnapshot() expect(wrapper.element).toMatchSnapshot()
}) })
}) })
tests/unit/containers/__snapshots__/TheContainer.spec.js.snap
+3 -3
View File
@@ -6,8 +6,8 @@ exports[`TheContainer.vue renders correctly 1`] = `
> >
<thesidebar-stub /> <thesidebar-stub />
<div <cwrapper-stub
class="c-wrapper" tag="div"
> >
<theheader-stub /> <theheader-stub />
@@ -26,9 +26,9 @@ exports[`TheContainer.vue renders correctly 1`] = `
/> />
</ccontainer-stub> </ccontainer-stub>
</main> </main>
</div>
<thefooter-stub /> <thefooter-stub />
</div> </div>
</cwrapper-stub>
</div> </div>
`; `;
tests/unit/containers/__snapshots__/TheFooter.spec.js.snap
+1 -2
View File
@@ -2,7 +2,6 @@
exports[`TheFooter.vue renders correctly 1`] = ` exports[`TheFooter.vue renders correctly 1`] = `
<cfooter-stub <cfooter-stub
fixed="true"
tag="footer" tag="footer"
> >
<div> <div>
@@ -16,7 +15,7 @@ exports[`TheFooter.vue renders correctly 1`] = `
<span <span
class="ml-1" class="ml-1"
> >
© 2019 creativeLabs. © 2020 creativeLabs.
</span> </span>
</div> </div>
tests/unit/containers/__snapshots__/TheHeader.spec.js.snap
+26 -17
View File
@@ -21,12 +21,21 @@ exports[`TheHeader.vue renders correctly 1`] = `
/> />
<cheaderbrand-stub <cheaderbrand-stub
alt="CoreUI Logo" activeclass="router-link-active"
class="mx-auto d-lg-none" class="mx-auto d-lg-none"
height="46" event="click"
src="img/brand/coreui-vue-logo.svg" exactactiveclass="router-link-exact-active"
width="190" routertag="a"
tag="div"
target="_self"
to="/"
>
<cicon-stub
alt="Logo"
height="48"
name="logo"
/> />
</cheaderbrand-stub>
<cheadernav-stub <cheadernav-stub
class="d-md-down-none mr-auto" class="d-md-down-none mr-auto"
@@ -35,9 +44,9 @@ exports[`TheHeader.vue renders correctly 1`] = `
class="px-3" class="px-3"
> >
<cheadernavlink-stub <cheadernavlink-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
to="/dashboard" to="/dashboard"
@@ -52,10 +61,10 @@ exports[`TheHeader.vue renders correctly 1`] = `
class="px-3" class="px-3"
> >
<cheadernavlink-stub <cheadernavlink-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exact="true" exact="true"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
to="/users" to="/users"
@@ -70,9 +79,9 @@ exports[`TheHeader.vue renders correctly 1`] = `
class="px-3" class="px-3"
> >
<cheadernavlink-stub <cheadernavlink-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -90,9 +99,9 @@ exports[`TheHeader.vue renders correctly 1`] = `
class="d-md-down-none mx-2" class="d-md-down-none mx-2"
> >
<cheadernavlink-stub <cheadernavlink-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -106,9 +115,9 @@ exports[`TheHeader.vue renders correctly 1`] = `
class="d-md-down-none mx-2" class="d-md-down-none mx-2"
> >
<cheadernavlink-stub <cheadernavlink-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -122,9 +131,9 @@ exports[`TheHeader.vue renders correctly 1`] = `
class="d-md-down-none mx-2" class="d-md-down-none mx-2"
> >
<cheadernavlink-stub <cheadernavlink-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -142,7 +151,7 @@ exports[`TheHeader.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cbreadcrumbrouter-stub <cbreadcrumbrouter-stub
class="border-0" class="border-0 mb-0"
/> />
</csubheader-stub> </csubheader-stub>
</cheader-stub> </cheader-stub>
tests/unit/containers/__snapshots__/TheHeaderDropdownAccnt.spec.js.snap
+33 -33
View File
@@ -7,7 +7,7 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
class="c-header-nav-items" class="c-header-nav-items"
flip="true" flip="true"
innav="true" innav="true"
offset="0" offset="0,0"
placement="bottom-end" placement="bottom-end"
togglertext="Dropdown" togglertext="Dropdown"
> >
@@ -23,9 +23,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
</cdropdownheader-stub> </cdropdownheader-stub>
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -35,11 +35,11 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
Updates Updates
<cbadge-stub <cbadge-stub
activeclass="active" activeclass="router-link-active"
class="ml-auto" class="ml-auto"
color="info" color="info"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="span" tag="span"
target="_self" target="_self"
@@ -49,9 +49,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
</cdropdownitem-stub> </cdropdownitem-stub>
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -61,11 +61,11 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
Messages Messages
<cbadge-stub <cbadge-stub
activeclass="active" activeclass="router-link-active"
class="ml-auto" class="ml-auto"
color="success" color="success"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="span" tag="span"
target="_self" target="_self"
@@ -75,9 +75,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
</cdropdownitem-stub> </cdropdownitem-stub>
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -87,11 +87,11 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
Tasks Tasks
<cbadge-stub <cbadge-stub
activeclass="active" activeclass="router-link-active"
class="ml-auto" class="ml-auto"
color="danger" color="danger"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="span" tag="span"
target="_self" target="_self"
@@ -101,9 +101,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
</cdropdownitem-stub> </cdropdownitem-stub>
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -113,11 +113,11 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
Comments Comments
<cbadge-stub <cbadge-stub
activeclass="active" activeclass="router-link-active"
class="ml-auto" class="ml-auto"
color="warning" color="warning"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="span" tag="span"
target="_self" target="_self"
@@ -137,9 +137,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
</cdropdownheader-stub> </cdropdownheader-stub>
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -151,9 +151,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
</cdropdownitem-stub> </cdropdownitem-stub>
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -165,9 +165,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
</cdropdownitem-stub> </cdropdownitem-stub>
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -177,11 +177,11 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
Payments Payments
<cbadge-stub <cbadge-stub
activeclass="active" activeclass="router-link-active"
class="ml-auto" class="ml-auto"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="span" tag="span"
target="_self" target="_self"
@@ -191,9 +191,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
</cdropdownitem-stub> </cdropdownitem-stub>
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -203,11 +203,11 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
Projects Projects
<cbadge-stub <cbadge-stub
activeclass="active" activeclass="router-link-active"
class="ml-auto" class="ml-auto"
color="primary" color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="span" tag="span"
target="_self" target="_self"
@@ -221,9 +221,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
/> />
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -235,9 +235,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
</cdropdownitem-stub> </cdropdownitem-stub>
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
tests/unit/containers/__snapshots__/TheSidebar.spec.js.snap
+16 -3
View File
@@ -10,10 +10,23 @@ exports[`TheSidebar.vue renders correctly 1`] = `
show="responsive" show="responsive"
> >
<csidebarbrand-stub <csidebarbrand-stub
imgfull="[object Object]" activeclass="router-link-active"
imgminimized="[object Object]" class="d-md-down-none"
wrappedinlink="[object Object]" event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="div"
target="_self"
to="/"
>
<cicon-stub
class="d-block"
height="35"
name="logo"
size="custom-size"
viewbox="0 0 556 134"
/> />
</csidebarbrand-stub>
<crenderfunction-stub <crenderfunction-stub
contenttorender="[object Object]" contenttorender="[object Object]"
tests/unit/views/__snapshots__/Dashboard.spec.js.snap
+15 -14
View File
@@ -34,11 +34,11 @@ exports[`Dashboard.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="float-right" class="float-right"
color="primary" color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -52,11 +52,11 @@ exports[`Dashboard.vue renders correctly 1`] = `
class="float-right mr-3" class="float-right mr-3"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="mx-0" class="mx-0"
color="outline-secondary" color="outline-secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -66,11 +66,11 @@ exports[`Dashboard.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="mx-0" class="mx-0"
color="outline-secondary" color="outline-secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
pressed="true" pressed="true"
routertag="a" routertag="a"
target="_self" target="_self"
@@ -81,11 +81,11 @@ exports[`Dashboard.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="mx-0" class="mx-0"
color="outline-secondary" color="outline-secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -574,10 +574,10 @@ exports[`Dashboard.vue renders correctly 1`] = `
<small> <small>
<sup> <sup>
<cbadge-stub <cbadge-stub
activeclass="active" activeclass="router-link-active"
color="info" color="info"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
shape="pill" shape="pill"
tag="span" tag="span"
@@ -592,10 +592,10 @@ exports[`Dashboard.vue renders correctly 1`] = `
<sup> <sup>
<cbadge-stub <cbadge-stub
activeclass="active" activeclass="router-link-active"
color="danger" color="danger"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
shape="pill" shape="pill"
tag="span" tag="span"
@@ -925,11 +925,11 @@ exports[`Dashboard.vue renders correctly 1`] = `
class="divider text-center" class="divider text-center"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="text-muted" class="text-muted"
color="link" color="link"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
size="sm" size="sm"
target="_self" target="_self"
@@ -950,6 +950,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
class="mb-0 table-outline" class="mb-0 table-outline"
fields="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]" fields="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
head-color="light" head-color="light"
header="true"
hover="true" hover="true"
items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]" items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
itemsperpage="10" itemsperpage="10"
tests/unit/views/base/__snapshots__/Breadcrumbs.spec.js.snap
+1 -3
View File
@@ -15,12 +15,10 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
> >
<svg <svg
class="c-icon" class="c-icon"
role="img"
viewBox="0 0 64 64" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
> >
<title>
cilJustifyCenter
</title>
undefined undefined
</svg> </svg>
<strong> <strong>
tests/unit/views/base/__snapshots__/Cards.spec.js.snap
+4 -12
View File
@@ -76,12 +76,10 @@ exports[`Cards.vue renders correctly 1`] = `
> >
<svg <svg
class="c-icon" class="c-icon"
role="img"
viewBox="0 0 64 64" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
> >
<title>
cilCheck
</title>
undefined undefined
</svg> </svg>
Card with icon Card with icon
@@ -729,12 +727,10 @@ exports[`Cards.vue renders correctly 1`] = `
> >
<svg <svg
class="c-icon" class="c-icon"
role="img"
viewBox="0 0 64 64" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
> >
<title>
cilSettings
</title>
undefined undefined
</svg> </svg>
</a> </a>
@@ -746,12 +742,10 @@ exports[`Cards.vue renders correctly 1`] = `
> >
<svg <svg
class="c-icon" class="c-icon"
role="img"
viewBox="0 0 64 64" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
> >
<title>
cilChevronBottom
</title>
undefined undefined
</svg> </svg>
</a> </a>
@@ -763,12 +757,10 @@ exports[`Cards.vue renders correctly 1`] = `
> >
<svg <svg
class="c-icon" class="c-icon"
role="img"
viewBox="0 0 64 64" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
> >
<title>
cilXCircle
</title>
undefined undefined
</svg> </svg>
</a> </a>
tests/unit/views/base/__snapshots__/Carousels.spec.js.snap
+1 -3
View File
@@ -15,12 +15,10 @@ exports[`Carousels.vue renders correctly 1`] = `
> >
<svg <svg
class="c-icon" class="c-icon"
role="img"
viewBox="0 0 64 64" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
> >
<title>
cilJustifyCenter
</title>
undefined undefined
</svg> </svg>
tests/unit/views/base/__snapshots__/Collapses.spec.js.snap
+27 -3
View File
@@ -15,12 +15,10 @@ exports[`Collapses.vue renders correctly 1`] = `
> >
<svg <svg
class="c-icon" class="c-icon"
role="img"
viewBox="0 0 64 64" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
> >
<title>
cilJustifyCenter
</title>
undefined undefined
</svg> </svg>
@@ -102,6 +100,32 @@ exports[`Collapses.vue renders correctly 1`] = `
</div> </div>
</div> </div>
</div> </div>
<div
class="card"
>
<header
class="card-header"
>
<strong>
Collapsible card
</strong>
</header>
<div
class="card-body"
>
<div
class="mt-2"
>
<p
class="card-text"
>
Collapse contents Here
</p>
</div>
</div>
</div>
</div> </div>
</div> </div>
`; `;
tests/unit/views/base/__snapshots__/Jumbotrons.spec.js.snap
+6 -6
View File
@@ -58,10 +58,10 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
</p> </p>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="primary" color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
target="_self" target="_self"
@@ -125,10 +125,10 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
</p> </p>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="primary" color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
target="_self" target="_self"
@@ -138,10 +138,10 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="success" color="success"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
target="_self" target="_self"
tests/unit/views/base/__snapshots__/ListGroups.spec.js.snap
+112 -112
View File
@@ -43,9 +43,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="ul" tag="ul"
> >
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="li" tag="li"
target="_self" target="_self"
@@ -54,9 +54,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="li" tag="li"
target="_self" target="_self"
@@ -65,9 +65,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="li" tag="li"
target="_self" target="_self"
@@ -76,9 +76,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="li" tag="li"
target="_self" target="_self"
@@ -87,9 +87,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="li" tag="li"
target="_self" target="_self"
@@ -123,9 +123,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="ul" tag="ul"
> >
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="li" tag="li"
target="_self" target="_self"
@@ -135,9 +135,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
<clistgroupitem-stub <clistgroupitem-stub
active="true" active="true"
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="li" tag="li"
target="_self" target="_self"
@@ -146,9 +146,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="li" tag="li"
target="_self" target="_self"
@@ -157,9 +157,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="li" tag="li"
target="_self" target="_self"
@@ -168,9 +168,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="li" tag="li"
target="_self" target="_self"
@@ -211,10 +211,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="ul" tag="ul"
> >
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
disabled="true" disabled="true"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="li" tag="li"
target="_self" target="_self"
@@ -223,9 +223,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="li" tag="li"
target="_self" target="_self"
@@ -234,9 +234,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="li" tag="li"
target="_self" target="_self"
@@ -245,10 +245,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
disabled="true" disabled="true"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="li" tag="li"
target="_self" target="_self"
@@ -257,9 +257,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="li" tag="li"
target="_self" target="_self"
@@ -295,9 +295,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="ul" tag="ul"
> >
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#some-link" href="#some-link"
routertag="a" routertag="a"
tag="li" tag="li"
@@ -308,9 +308,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
<clistgroupitem-stub <clistgroupitem-stub
active="true" active="true"
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
tag="li" tag="li"
@@ -320,9 +320,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
tag="li" tag="li"
@@ -332,10 +332,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
disabled="true" disabled="true"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#foobar" href="#foobar"
routertag="a" routertag="a"
tag="li" tag="li"
@@ -377,9 +377,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="ul" tag="ul"
> >
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="button" tag="button"
target="_self" target="_self"
@@ -388,9 +388,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="button" tag="button"
target="_self" target="_self"
@@ -399,10 +399,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
disabled="true" disabled="true"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="button" tag="button"
target="_self" target="_self"
@@ -411,9 +411,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="button" tag="button"
target="_self" target="_self"
@@ -449,10 +449,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="ul" tag="ul"
> >
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
class="d-flex justify-content-between align-items-center" class="d-flex justify-content-between align-items-center"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="li" tag="li"
target="_self" target="_self"
@@ -461,10 +461,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
Cras justo odio Cras justo odio
<cbadge-stub <cbadge-stub
activeclass="active" activeclass="router-link-active"
color="primary" color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
shape="pill" shape="pill"
tag="span" tag="span"
@@ -475,10 +475,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
class="d-flex justify-content-between align-items-center" class="d-flex justify-content-between align-items-center"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="li" tag="li"
target="_self" target="_self"
@@ -487,10 +487,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
Dapibus ac facilisis in Dapibus ac facilisis in
<cbadge-stub <cbadge-stub
activeclass="active" activeclass="router-link-active"
color="primary" color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
shape="pill" shape="pill"
tag="span" tag="span"
@@ -501,10 +501,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
class="d-flex justify-content-between align-items-center" class="d-flex justify-content-between align-items-center"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="li" tag="li"
target="_self" target="_self"
@@ -513,10 +513,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
Morbi leo risus Morbi leo risus
<cbadge-stub <cbadge-stub
activeclass="active" activeclass="router-link-active"
color="primary" color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
shape="pill" shape="pill"
tag="span" tag="span"
@@ -559,9 +559,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="ul" tag="ul"
> >
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="li" tag="li"
target="_self" target="_self"
@@ -570,10 +570,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
color="primary" color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="li" tag="li"
target="_self" target="_self"
@@ -582,10 +582,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="li" tag="li"
target="_self" target="_self"
@@ -594,10 +594,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
color="success" color="success"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="li" tag="li"
target="_self" target="_self"
@@ -606,10 +606,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
color="danger" color="danger"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="li" tag="li"
target="_self" target="_self"
@@ -618,10 +618,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
color="warning" color="warning"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="li" tag="li"
target="_self" target="_self"
@@ -630,10 +630,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
color="info" color="info"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="li" tag="li"
target="_self" target="_self"
@@ -642,10 +642,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
color="light" color="light"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="li" tag="li"
target="_self" target="_self"
@@ -654,10 +654,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
color="dark" color="dark"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="li" tag="li"
target="_self" target="_self"
@@ -693,9 +693,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="ul" tag="ul"
> >
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
tag="li" tag="li"
@@ -705,10 +705,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
color="primary" color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
tag="li" tag="li"
@@ -718,10 +718,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
tag="li" tag="li"
@@ -731,10 +731,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
color="success" color="success"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
tag="li" tag="li"
@@ -744,10 +744,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
color="danger" color="danger"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
tag="li" tag="li"
@@ -757,10 +757,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
color="warning" color="warning"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
tag="li" tag="li"
@@ -770,10 +770,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
color="info" color="info"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
tag="li" tag="li"
@@ -783,10 +783,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
color="light" color="light"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
tag="li" tag="li"
@@ -796,10 +796,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
color="dark" color="dark"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
tag="li" tag="li"
@@ -853,9 +853,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="ul" tag="ul"
> >
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
tag="li" tag="li"
@@ -865,9 +865,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
tag="li" tag="li"
@@ -877,9 +877,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
tag="li" tag="li"
@@ -915,9 +915,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="ul" tag="ul"
> >
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
tag="li" tag="li"
@@ -927,9 +927,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
tag="li" tag="li"
@@ -939,9 +939,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
tag="li" tag="li"
@@ -993,10 +993,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
> >
<clistgroupitem-stub <clistgroupitem-stub
active="true" active="true"
activeclass="active" activeclass="router-link-active"
class="flex-column align-items-start" class="flex-column align-items-start"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
tag="li" tag="li"
@@ -1031,10 +1031,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
class="flex-column align-items-start" class="flex-column align-items-start"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
tag="li" tag="li"
@@ -1073,11 +1073,11 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="router-link-active"
class="flex-column align-items-start" class="flex-column align-items-start"
disabled="true" disabled="true"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
tag="li" tag="li"
tests/unit/views/base/__snapshots__/Navbars.spec.js.snap
+52 -52
View File
@@ -42,9 +42,9 @@ exports[`Navbars.vue renders correctly 1`] = `
/> />
<cnavbarbrand-stub <cnavbarbrand-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
tag="div" tag="div"
@@ -62,9 +62,9 @@ exports[`Navbars.vue renders correctly 1`] = `
tag="ul" tag="ul"
> >
<cnavitem-stub <cnavitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
target="_self" target="_self"
@@ -73,10 +73,10 @@ exports[`Navbars.vue renders correctly 1`] = `
</cnavitem-stub> </cnavitem-stub>
<cnavitem-stub <cnavitem-stub
activeclass="active" activeclass="router-link-active"
disabled="true" disabled="true"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
target="_self" target="_self"
@@ -90,10 +90,11 @@ exports[`Navbars.vue renders correctly 1`] = `
tag="ul" tag="ul"
> >
<cform-stub <cform-stub
class="align-middle"
inline="true" inline="true"
> >
<cinput-stub <cinput-stub
class="mr-sm-2" class="mr-2 my-0"
lazy="400" lazy="400"
placeholder="Search" placeholder="Search"
size="sm" size="sm"
@@ -101,11 +102,10 @@ exports[`Navbars.vue renders correctly 1`] = `
/> />
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="my-2 my-sm-0"
color="light" color="light"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
size="sm" size="sm"
target="_self" target="_self"
@@ -121,14 +121,14 @@ exports[`Navbars.vue renders correctly 1`] = `
caret="true" caret="true"
flip="true" flip="true"
innav="true" innav="true"
offset="0" offset="0,0"
placement="bottom-end" placement="bottom-start"
togglertext="Lang" togglertext="Lang"
> >
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -136,9 +136,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cdropdownitem-stub> </cdropdownitem-stub>
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -146,9 +146,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cdropdownitem-stub> </cdropdownitem-stub>
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -156,9 +156,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cdropdownitem-stub> </cdropdownitem-stub>
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -170,14 +170,14 @@ exports[`Navbars.vue renders correctly 1`] = `
caret="true" caret="true"
flip="true" flip="true"
innav="true" innav="true"
offset="0" offset="0,0"
placement="bottom-end" placement="bottom-start"
togglertext="User" togglertext="User"
> >
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -185,9 +185,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cdropdownitem-stub> </cdropdownitem-stub>
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -222,9 +222,9 @@ exports[`Navbars.vue renders correctly 1`] = `
tag="nav" tag="nav"
> >
<cnavbarbrand-stub <cnavbarbrand-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
tag="div" tag="div"
@@ -271,9 +271,9 @@ exports[`Navbars.vue renders correctly 1`] = `
/> />
<cnavbarbrand-stub <cnavbarbrand-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="div" tag="div"
target="_self" target="_self"
@@ -335,9 +335,9 @@ exports[`Navbars.vue renders correctly 1`] = `
tag="ul" tag="ul"
> >
<cnavitem-stub <cnavitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
target="_self" target="_self"
@@ -346,9 +346,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cnavitem-stub> </cnavitem-stub>
<cnavitem-stub <cnavitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
target="_self" target="_self"
@@ -360,14 +360,14 @@ exports[`Navbars.vue renders correctly 1`] = `
caret="true" caret="true"
flip="true" flip="true"
innav="true" innav="true"
offset="0" offset="0,0"
placement="bottom-end" placement="bottom-start"
togglertext="Lang" togglertext="Lang"
> >
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -375,9 +375,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cdropdownitem-stub> </cdropdownitem-stub>
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -385,9 +385,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cdropdownitem-stub> </cdropdownitem-stub>
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -395,9 +395,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cdropdownitem-stub> </cdropdownitem-stub>
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -409,14 +409,14 @@ exports[`Navbars.vue renders correctly 1`] = `
caret="true" caret="true"
flip="true" flip="true"
innav="true" innav="true"
offset="0" offset="0,0"
placement="bottom-end" placement="bottom-start"
togglertext="User" togglertext="User"
> >
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -424,9 +424,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cdropdownitem-stub> </cdropdownitem-stub>
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -472,11 +472,11 @@ exports[`Navbars.vue renders correctly 1`] = `
/> />
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="my-2 my-sm-0" class="my-2 my-sm-0"
color="outline-success" color="outline-success"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="submit" type="submit"
tests/unit/views/base/__snapshots__/Navs.spec.js.snap
+81 -79
View File
@@ -33,9 +33,9 @@ exports[`Navs.vue renders correctly 1`] = `
<cnav-stub> <cnav-stub>
<cnavitem-stub <cnavitem-stub
active="true" active="true"
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -43,18 +43,18 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub> </cnavitem-stub>
<cnavitem-stub <cnavitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
title="Link" title="Link"
/> />
<cnavitem-stub <cnavitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -62,10 +62,10 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub> </cnavitem-stub>
<cnavitem-stub <cnavitem-stub
activeclass="active" activeclass="router-link-active"
disabled="true" disabled="true"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -91,12 +91,14 @@ exports[`Navs.vue renders correctly 1`] = `
</ccardheader-stub> </ccardheader-stub>
<ccardbody-stub> <ccardbody-stub>
<cnav-stub> <cnav-stub
variant="pills"
>
<cnavitem-stub <cnavitem-stub
active="true" active="true"
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -106,38 +108,40 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub> </cnavitem-stub>
<cnavitem-stub <cnavitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
<cicon-stub
Link name="cil-settings"
/>
</cnavitem-stub> </cnavitem-stub>
<cnavitem-stub <cnavitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
<cicon-stub
Another Link name="cil-bell"
/>
</cnavitem-stub> </cnavitem-stub>
<cnavitem-stub <cnavitem-stub
activeclass="active" activeclass="router-link-active"
disabled="true" disabled="true"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
Disabled <cicon-stub
name="cil-envelope-closed"
/>
</cnavitem-stub> </cnavitem-stub>
</cnav-stub> </cnav-stub>
</ccardbody-stub> </ccardbody-stub>
@@ -164,9 +168,9 @@ exports[`Navs.vue renders correctly 1`] = `
> >
<cnavitem-stub <cnavitem-stub
active="true" active="true"
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -176,9 +180,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub> </cnavitem-stub>
<cnavitem-stub <cnavitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -188,9 +192,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub> </cnavitem-stub>
<cnavitem-stub <cnavitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -200,10 +204,10 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub> </cnavitem-stub>
<cnavitem-stub <cnavitem-stub
activeclass="active" activeclass="router-link-active"
disabled="true" disabled="true"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -234,9 +238,9 @@ exports[`Navs.vue renders correctly 1`] = `
> >
<cnavitem-stub <cnavitem-stub
active="true" active="true"
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -244,9 +248,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub> </cnavitem-stub>
<cnavitem-stub <cnavitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -254,9 +258,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub> </cnavitem-stub>
<cnavitem-stub <cnavitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -264,10 +268,10 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub> </cnavitem-stub>
<cnavitem-stub <cnavitem-stub
activeclass="active" activeclass="router-link-active"
disabled="true" disabled="true"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -299,9 +303,9 @@ exports[`Navs.vue renders correctly 1`] = `
> >
<cnavitem-stub <cnavitem-stub
active="true" active="true"
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -309,9 +313,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub> </cnavitem-stub>
<cnavitem-stub <cnavitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -319,9 +323,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub> </cnavitem-stub>
<cnavitem-stub <cnavitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -329,10 +333,10 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub> </cnavitem-stub>
<cnavitem-stub <cnavitem-stub
activeclass="active" activeclass="router-link-active"
disabled="true" disabled="true"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -364,9 +368,9 @@ exports[`Navs.vue renders correctly 1`] = `
> >
<cnavitem-stub <cnavitem-stub
active="true" active="true"
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -374,9 +378,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub> </cnavitem-stub>
<cnavitem-stub <cnavitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -384,9 +388,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub> </cnavitem-stub>
<cnavitem-stub <cnavitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -394,10 +398,10 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub> </cnavitem-stub>
<cnavitem-stub <cnavitem-stub
activeclass="active" activeclass="router-link-active"
disabled="true" disabled="true"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -424,13 +428,12 @@ exports[`Navs.vue renders correctly 1`] = `
<ccardbody-stub> <ccardbody-stub>
<cnav-stub <cnav-stub
pills="" variant="pills"
> >
<cnavitem-stub <cnavitem-stub
active="true" activeclass="router-link-active"
activeclass="active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -438,9 +441,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub> </cnavitem-stub>
<cnavitem-stub <cnavitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -451,16 +454,15 @@ exports[`Navs.vue renders correctly 1`] = `
button-content="Dropdown" button-content="Dropdown"
caret="true" caret="true"
flip="true" flip="true"
id="nav7_ddown" innav="true"
nav="" offset="0,0"
offset="0"
placement="bottom-end" placement="bottom-end"
togglertext="Dropdown" togglertext="Dropdown"
> >
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -468,9 +470,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cdropdownitem-stub> </cdropdownitem-stub>
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -482,9 +484,9 @@ exports[`Navs.vue renders correctly 1`] = `
/> />
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -526,9 +528,9 @@ exports[`Navs.vue renders correctly 1`] = `
> >
<cnavitem-stub <cnavitem-stub
active="true" active="true"
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -536,9 +538,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub> </cnavitem-stub>
<cnavitem-stub <cnavitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -546,9 +548,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub> </cnavitem-stub>
<cnavitem-stub <cnavitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -556,10 +558,10 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub> </cnavitem-stub>
<cnavitem-stub <cnavitem-stub
activeclass="active" activeclass="router-link-active"
disabled="true" disabled="true"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
tests/unit/views/base/__snapshots__/Paginations.spec.js.snap
+8 -2
View File
@@ -9,9 +9,13 @@ exports[`Paginations.vue renders correctly 1`] = `
/> />
<strong> <strong>
Responsive bootstrap Pagination Pagination
</strong> </strong>
<small>
size
</small>
<div <div
class="card-header-actions" class="card-header-actions"
> >
@@ -65,7 +69,9 @@ exports[`Paginations.vue renders correctly 1`] = `
<br /> <br />
<div> <div
class="d-md-down-none"
>
<h6> <h6>
Large Large
</h6> </h6>
tests/unit/views/base/__snapshots__/ProgressBars.spec.js.snap
+6 -6
View File
@@ -69,11 +69,11 @@ exports[`ProgressBars.vue renders correctly 1`] = `
</cprogress-stub> </cprogress-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="mt-4" class="mt-4"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -486,10 +486,10 @@ exports[`ProgressBars.vue renders correctly 1`] = `
/> />
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -557,10 +557,10 @@ exports[`ProgressBars.vue renders correctly 1`] = `
/> />
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
tests/unit/views/base/__snapshots__/Switches.spec.js.snap
+5 -4
View File
@@ -17,11 +17,11 @@ exports[`Switches.vue renders correctly 1`] = `
Radio switches Radio switches
<cbadge-stub <cbadge-stub
activeclass="active" activeclass="router-link-active"
class="mr-auto" class="mr-auto"
color="warning" color="warning"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="span" tag="span"
target="_self" target="_self"
@@ -149,10 +149,10 @@ exports[`Switches.vue renders correctly 1`] = `
Switch default Switch default
<cbadge-stub <cbadge-stub
activeclass="active" activeclass="router-link-active"
color="primary" color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
tag="span" tag="span"
target="_self" target="_self"
@@ -1684,6 +1684,7 @@ exports[`Switches.vue renders correctly 1`] = `
<cdatatable-stub <cdatatable-stub
class="table-align-middle mb-0" class="table-align-middle mb-0"
fields="[object Object],[object Object],[object Object]" fields="[object Object],[object Object],[object Object]"
header="true"
hover="true" hover="true"
items="[object Object],[object Object],[object Object]" items="[object Object],[object Object],[object Object]"
itemsperpage="10" itemsperpage="10"
tests/unit/views/base/__snapshots__/Table.spec.js.snap
+1
View File
@@ -13,6 +13,7 @@ exports[`Table.vue renders correctly 1`] = `
<ccardbody-stub> <ccardbody-stub>
<cdatatable-stub <cdatatable-stub
fields="username,registered,role,status" fields="username,registered,role,status"
header="true"
itemsperpage="5" itemsperpage="5"
pagination="true" pagination="true"
responsive="true" responsive="true"
tests/unit/views/base/__snapshots__/Tabs.spec.js.snap
+90 -7
View File
@@ -41,6 +41,11 @@ exports[`Tabs.vue renders correctly 1`] = `
> >
<ctab-stub <ctab-stub
active="true" active="true"
activeclass="router-link-active"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
title="Home" title="Home"
> >
@@ -53,6 +58,12 @@ exports[`Tabs.vue renders correctly 1`] = `
</ctab-stub> </ctab-stub>
<ctab-stub <ctab-stub
active="true"
activeclass="router-link-active"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
title="Profile" title="Profile"
> >
@@ -65,7 +76,12 @@ exports[`Tabs.vue renders correctly 1`] = `
</ctab-stub> </ctab-stub>
<ctab-stub <ctab-stub
activeclass="router-link-active"
disabled="true" disabled="true"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
title="Disabled" title="Disabled"
> >
@@ -100,6 +116,11 @@ exports[`Tabs.vue renders correctly 1`] = `
> >
<ctab-stub <ctab-stub
active="true" active="true"
activeclass="router-link-active"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
title="Home" title="Home"
> >
@@ -112,6 +133,11 @@ exports[`Tabs.vue renders correctly 1`] = `
</ctab-stub> </ctab-stub>
<ctab-stub <ctab-stub
activeclass="router-link-active"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
title="Profile" title="Profile"
> >
@@ -124,7 +150,12 @@ exports[`Tabs.vue renders correctly 1`] = `
</ctab-stub> </ctab-stub>
<ctab-stub <ctab-stub
activeclass="router-link-active"
disabled="true" disabled="true"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
title="Disabled" title="Disabled"
> >
@@ -154,11 +185,17 @@ exports[`Tabs.vue renders correctly 1`] = `
<ccardbody-stub> <ccardbody-stub>
<ctabs-stub <ctabs-stub
activetab="1"
fade="true" fade="true"
variant="tabs" variant="tabs"
> >
<ctab-stub <ctab-stub
active="true" active="true"
activeclass="router-link-active"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
> >
<template> <template>
<cicon-stub <cicon-stub
@@ -174,7 +211,13 @@ exports[`Tabs.vue renders correctly 1`] = `
</ctab-stub> </ctab-stub>
<ctab-stub> <ctab-stub
activeclass="router-link-active"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
<template> <template>
<cicon-stub <cicon-stub
name="cil-basket" name="cil-basket"
@@ -189,7 +232,13 @@ exports[`Tabs.vue renders correctly 1`] = `
</ctab-stub> </ctab-stub>
<ctab-stub> <ctab-stub
activeclass="router-link-active"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
<template> <template>
<cicon-stub <cicon-stub
name="cil-chart-pie" name="cil-chart-pie"
@@ -227,7 +276,11 @@ exports[`Tabs.vue renders correctly 1`] = `
variant="tabs" variant="tabs"
> >
<ctab-stub <ctab-stub
active="true" activeclass="router-link-active"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
> >
<template> <template>
<cicon-stub <cicon-stub
@@ -245,7 +298,14 @@ exports[`Tabs.vue renders correctly 1`] = `
</ctab-stub> </ctab-stub>
<ctab-stub> <ctab-stub
active="true"
activeclass="router-link-active"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
<template> <template>
<cicon-stub <cicon-stub
name="cil-basket" name="cil-basket"
@@ -262,7 +322,13 @@ exports[`Tabs.vue renders correctly 1`] = `
</ctab-stub> </ctab-stub>
<ctab-stub> <ctab-stub
activeclass="router-link-active"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
<template> <template>
<cicon-stub <cicon-stub
name="cil-chart-pie" name="cil-chart-pie"
@@ -303,6 +369,11 @@ exports[`Tabs.vue renders correctly 1`] = `
> >
<ctab-stub <ctab-stub
active="true" active="true"
activeclass="router-link-active"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
> >
<template> <template>
<cicon-stub <cicon-stub
@@ -320,7 +391,13 @@ exports[`Tabs.vue renders correctly 1`] = `
</ctab-stub> </ctab-stub>
<ctab-stub> <ctab-stub
activeclass="router-link-active"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
<template> <template>
<cicon-stub <cicon-stub
name="cil-basket" name="cil-basket"
@@ -337,7 +414,13 @@ exports[`Tabs.vue renders correctly 1`] = `
</ctab-stub> </ctab-stub>
<ctab-stub> <ctab-stub
activeclass="router-link-active"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
<template> <template>
<cicon-stub <cicon-stub
name="cil-chart-pie" name="cil-chart-pie"
tests/unit/views/base/__snapshots__/Tooltips.spec.js.snap
+28 -28
View File
@@ -50,10 +50,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
class="text-center my-3" class="text-center my-3"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -73,10 +73,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
class="text-center my-3" class="text-center my-3"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -120,10 +120,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="primary" color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -139,10 +139,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="primary" color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -158,10 +158,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="primary" color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -177,10 +177,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="primary" color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -196,10 +196,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="primary" color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -215,10 +215,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="primary" color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -234,10 +234,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="primary" color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -253,10 +253,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="primary" color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -272,10 +272,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="primary" color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -291,10 +291,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="primary" color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -310,10 +310,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="primary" color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -329,10 +329,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="primary" color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
tests/unit/views/buttons/__snapshots__/BrandButtons.spec.js.snap
+102 -306
View File
File diff suppressed because it is too large Load Diff
tests/unit/views/buttons/__snapshots__/ButtonDropdowns.spec.js.snap
+6 -18
View File
@@ -16,12 +16,10 @@ exports[`Dropdowns.vue renders correctly 1`] = `
> >
<svg <svg
class="c-icon" class="c-icon"
role="img"
viewBox="0 0 64 64" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
> >
<title>
cilJustifyCenter
</title>
undefined undefined
</svg> </svg>
@@ -229,12 +227,10 @@ exports[`Dropdowns.vue renders correctly 1`] = `
> >
<svg <svg
class="c-icon" class="c-icon"
role="img"
viewBox="0 0 64 64" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
> >
<title>
cilJustifyCenter
</title>
undefined undefined
</svg> </svg>
@@ -498,12 +494,10 @@ exports[`Dropdowns.vue renders correctly 1`] = `
> >
<svg <svg
class="c-icon" class="c-icon"
role="img"
viewBox="0 0 64 64" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
> >
<title>
cilJustifyCenter
</title>
undefined undefined
</svg> </svg>
@@ -586,12 +580,10 @@ exports[`Dropdowns.vue renders correctly 1`] = `
> >
<svg <svg
class="c-icon" class="c-icon"
role="img"
viewBox="0 0 64 64" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
> >
<title>
cilJustifyCenter
</title>
undefined undefined
</svg> </svg>
@@ -809,12 +801,10 @@ exports[`Dropdowns.vue renders correctly 1`] = `
> >
<svg <svg
class="c-icon" class="c-icon"
role="img"
viewBox="0 0 64 64" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
> >
<title>
cilJustifyCenter
</title>
undefined undefined
</svg> </svg>
@@ -939,12 +929,10 @@ exports[`Dropdowns.vue renders correctly 1`] = `
> >
<svg <svg
class="c-icon" class="c-icon"
role="img"
viewBox="0 0 64 64" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
> >
<title>
cilJustifyCenter
</title>
undefined undefined
</svg> </svg>
tests/unit/views/buttons/__snapshots__/ButtonGroups.spec.js.snap
+105 -105
View File
@@ -41,10 +41,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
<div> <div>
<cbuttongroup-stub> <cbuttongroup-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -53,10 +53,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -65,10 +65,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -77,10 +77,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -89,11 +89,11 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="d-sm-down-none" class="d-sm-down-none"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -107,11 +107,11 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
<cbuttongroup-stub> <cbuttongroup-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="d-sm-down-none" class="d-sm-down-none"
color="success" color="success"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -120,10 +120,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="info" color="info"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -132,10 +132,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="warning" color="warning"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -144,11 +144,11 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="d-sm-down-none" class="d-sm-down-none"
color="primary" color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -157,10 +157,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="danger" color="danger"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -169,10 +169,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="link" color="link"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -206,10 +206,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
<div> <div>
<cbuttongroup-stub> <cbuttongroup-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -218,10 +218,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -230,10 +230,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -249,10 +249,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
size="sm" size="sm"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -261,10 +261,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -273,10 +273,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -292,10 +292,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
size="lg" size="lg"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -304,10 +304,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -316,10 +316,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -352,11 +352,11 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
<div> <div>
<cbuttongroup-stub> <cbuttongroup-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="d-sm-down-none" class="d-sm-down-none"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -365,11 +365,11 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="d-sm-down-none" class="d-sm-down-none"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -381,16 +381,16 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
caret="true" caret="true"
color="success" color="success"
flip="true" flip="true"
offset="0" offset="0,0"
placement="bottom-start" placement="bottom-start"
right="" right=""
text="Menu" text="Menu"
togglertext="Dropdown" togglertext="Dropdown"
> >
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -398,9 +398,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cdropdownitem-stub> </cdropdownitem-stub>
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -412,9 +412,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
/> />
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -423,11 +423,11 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cdropdown-stub> </cdropdown-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="d-sm-down-none" class="d-sm-down-none"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -439,7 +439,7 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
caret="true" caret="true"
color="info" color="info"
flip="true" flip="true"
offset="0" offset="0,0"
placement="bottom-start" placement="bottom-start"
right="" right=""
split="true" split="true"
@@ -447,9 +447,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
togglertext="Dropdown" togglertext="Dropdown"
> >
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -457,9 +457,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cdropdownitem-stub> </cdropdownitem-stub>
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -471,9 +471,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
/> />
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -509,10 +509,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
vertical="true" vertical="true"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -521,10 +521,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -533,10 +533,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -576,11 +576,11 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
class="mx-1" class="mx-1"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="d-sm-down-none" class="d-sm-down-none"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -589,10 +589,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -605,11 +605,11 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
class="mx-1" class="mx-1"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="d-sm-down-none" class="d-sm-down-none"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -618,10 +618,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -630,10 +630,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -646,10 +646,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
class="mx-1" class="mx-1"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -658,11 +658,11 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="d-sm-down-none" class="d-sm-down-none"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -685,10 +685,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
size="sm" size="sm"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -697,10 +697,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -733,10 +733,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
size="sm" size="sm"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -745,10 +745,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -767,10 +767,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
class="mx-1 d-sm-down-none" class="mx-1 d-sm-down-none"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -779,10 +779,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -791,10 +791,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -809,14 +809,14 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
class="mx-1" class="mx-1"
color="secondary" color="secondary"
flip="true" flip="true"
offset="0" offset="0,0"
placement="bottom-end" placement="bottom-end"
togglertext="Dropdown" togglertext="Dropdown"
> >
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -824,9 +824,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cdropdownitem-stub> </cdropdownitem-stub>
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -834,9 +834,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cdropdownitem-stub> </cdropdownitem-stub>
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="router-link-active"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
> >
@@ -848,10 +848,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
class="mx-1" class="mx-1"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -860,10 +860,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
tests/unit/views/buttons/__snapshots__/StandardButtons.spec.js.snap
+338 -338
View File
File diff suppressed because it is too large Load Diff
tests/unit/views/notifications/__snapshots__/Alerts.spec.js.snap
+8 -8
View File
@@ -261,10 +261,10 @@ exports[`Alerts.vue renders correctly 1`] = `
Dark Alert with Dark Alert with
<clink-stub <clink-stub
activeclass="active" activeclass="router-link-active"
class="alert-link" class="alert-link"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
href="#" href="#"
routertag="a" routertag="a"
target="_self" target="_self"
@@ -369,11 +369,11 @@ exports[`Alerts.vue renders correctly 1`] = `
Dismissible Alert with custom button! Dismissible Alert with custom button!
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="position-absolute" class="position-absolute"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -385,11 +385,11 @@ exports[`Alerts.vue renders correctly 1`] = `
</calert-stub> </calert-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="m-1" class="m-1"
color="info" color="info"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -450,11 +450,11 @@ exports[`Alerts.vue renders correctly 1`] = `
</calert-stub> </calert-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="m-1" class="m-1"
color="info" color="info"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
tests/unit/views/notifications/__snapshots__/Badges.spec.js.snap
+4 -12
View File
@@ -15,12 +15,10 @@ exports[`Badges.vue renders correctly 1`] = `
> >
<svg <svg
class="c-icon" class="c-icon"
role="img"
viewBox="0 0 64 64" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
> >
<title>
cilJustifyCenter
</title>
undefined undefined
</svg> </svg>
@@ -126,12 +124,10 @@ exports[`Badges.vue renders correctly 1`] = `
> >
<svg <svg
class="c-icon" class="c-icon"
role="img"
viewBox="0 0 64 64" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
> >
<title>
cilJustifyCenter
</title>
undefined undefined
</svg> </svg>
Badge Badge
@@ -202,12 +198,10 @@ exports[`Badges.vue renders correctly 1`] = `
> >
<svg <svg
class="c-icon" class="c-icon"
role="img"
viewBox="0 0 64 64" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
> >
<title>
cilJustifyCenter
</title>
undefined undefined
</svg> </svg>
Badge Badge
@@ -278,12 +272,10 @@ exports[`Badges.vue renders correctly 1`] = `
> >
<svg <svg
class="c-icon" class="c-icon"
role="img"
viewBox="0 0 64 64" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
> >
<title>
cilJustifyCenter
</title>
undefined undefined
</svg> </svg>
Badge Badge
tests/unit/views/notifications/__snapshots__/Modals.spec.js.snap
+18 -18
View File
@@ -40,11 +40,11 @@ exports[`Modals.vue renders correctly 1`] = `
<ccardbody-stub> <ccardbody-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="mr-1" class="mr-1"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -55,11 +55,11 @@ exports[`Modals.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="mr-1" class="mr-1"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -70,11 +70,11 @@ exports[`Modals.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="mr-1" class="mr-1"
color="secondary" color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -87,11 +87,11 @@ exports[`Modals.vue renders correctly 1`] = `
<hr /> <hr />
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="mr-1" class="mr-1"
color="primary" color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -102,11 +102,11 @@ exports[`Modals.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="mr-1" class="mr-1"
color="success" color="success"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -117,11 +117,11 @@ exports[`Modals.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="mr-1" class="mr-1"
color="warning" color="warning"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -132,11 +132,11 @@ exports[`Modals.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="mr-1" class="mr-1"
color="danger" color="danger"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -147,11 +147,11 @@ exports[`Modals.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="mr-1" class="mr-1"
color="info" color="info"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -162,11 +162,11 @@ exports[`Modals.vue renders correctly 1`] = `
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="mr-1" class="mr-1"
color="dark" color="dark"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
tests/unit/views/pages/__snapshots__/Login.spec.js.snap
+22 -10
View File
@@ -2,16 +2,14 @@
exports[`Login.vue renders correctly 1`] = ` exports[`Login.vue renders correctly 1`] = `
<ccontainer-stub <ccontainer-stub
class="d-flex align-items-center min-vh-100" class="d-flex content-center min-vh-100"
tag="div" tag="div"
> >
<crow-stub <crow-stub
class="justify-content-center"
gutters="true" gutters="true"
tag="div" tag="div"
> >
<ccol-stub <ccol-stub
md="8"
tag="div" tag="div"
> >
<ccardgroup-stub <ccardgroup-stub
@@ -51,15 +49,16 @@ exports[`Login.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<ccol-stub <ccol-stub
class="text-left"
col="6" col="6"
tag="div" tag="div"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="px-4" class="px-4"
color="primary" color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -74,17 +73,30 @@ exports[`Login.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="px-0" class="px-0"
color="link" color="link"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
> >
Forgot password? Forgot password?
</cbutton-stub> </cbutton-stub>
<cbutton-stub
activeclass="router-link-active"
class="d-md-none"
color="link"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
>
Register now!
</cbutton-stub>
</ccol-stub> </ccol-stub>
</crow-stub> </crow-stub>
</cform-stub> </cform-stub>
@@ -93,7 +105,7 @@ exports[`Login.vue renders correctly 1`] = `
<ccard-stub <ccard-stub
bodywrapper="true" bodywrapper="true"
class="text-center py-5 d-md-down-none" class="text-center py-5 d-sm-down-none"
color="primary" color="primary"
textcolor="white" textcolor="white"
> >
@@ -106,11 +118,11 @@ exports[`Login.vue renders correctly 1`] = `
</p> </p>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
class="active mt-3" class="active mt-3"
color="primary" color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
tests/unit/views/pages/__snapshots__/Register.spec.js.snap
+15 -12
View File
@@ -1,18 +1,20 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Register.vue renders correctly 1`] = ` exports[`Register.vue renders correctly 1`] = `
<ccontainer-stub <div
class="min-vh-100 d-flex align-items-center" class="d-flex align-items-center min-vh-100"
tag="div"
> >
<ccontainer-stub
fluid="true"
tag="div"
>
<crow-stub <crow-stub
class="w-100 justify-content-center" class="justify-content-center"
gutters="true" gutters="true"
tag="div" tag="div"
> >
<ccol-stub <ccol-stub
md="6" md="6"
sm="8"
tag="div" tag="div"
> >
<ccard-stub <ccard-stub
@@ -63,11 +65,11 @@ exports[`Register.vue renders correctly 1`] = `
/> />
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
block="true" block="true"
color="success" color="success"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -89,11 +91,11 @@ exports[`Register.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
block="true" block="true"
color="facebook" color="facebook"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -109,11 +111,11 @@ exports[`Register.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="router-link-active"
block="true" block="true"
color="twitter" color="twitter"
event="click" event="click"
exactactiveclass="active" exactactiveclass="router-link-exact-active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
@@ -128,5 +130,6 @@ exports[`Register.vue renders correctly 1`] = `
</ccard-stub> </ccard-stub>
</ccol-stub> </ccol-stub>
</crow-stub> </crow-stub>
</ccontainer-stub> </ccontainer-stub>
</div>
`; `;
tests/unit/views/theme/__snapshots__/Colors.spec.js.snap
+2 -6
View File
@@ -10,12 +10,10 @@ exports[`Colors.vue renders correctly 1`] = `
> >
<svg <svg
class="c-icon" class="c-icon"
role="img"
viewBox="0 0 64 64" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
> >
<title>
cilDrop
</title>
undefined undefined
</svg> </svg>
Theme colors Theme colors
@@ -415,12 +413,10 @@ exports[`Colors.vue renders correctly 1`] = `
> >
<svg <svg
class="c-icon" class="c-icon"
role="img"
viewBox="0 0 64 64" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
> >
<title>
cilDrop
</title>
undefined undefined
</svg> </svg>
Grays Grays
tests/unit/views/users/User.spec.js
+12 -28
View File
@@ -1,53 +1,37 @@
import { shallowMount, createLocalVue } from '@vue/test-utils' import { mount, createLocalVue } from '@vue/test-utils'
import VueRouter from 'vue-router' import VueRouter from 'vue-router'
import CoreuiVue from '@coreui/vue' import CoreuiVue from '@coreui/vue'
import User from '@/views/users/User' import User from '@/views/users/User'
import appRouter from '@/router'
const localVue = createLocalVue() const localVue = createLocalVue()
localVue.use(VueRouter) localVue.use(VueRouter)
const router = new VueRouter() const router = appRouter
router.push({path: '/users/1'})
localVue.use(CoreuiVue) localVue.use(CoreuiVue)
describe('User.vue', () => { describe('User.vue', () => {
let wrapper
beforeEach(() => {
wrapper = mount(User, {
localVue,
router
})
})
it('has a name', () => { it('has a name', () => {
expect(User.name).toBe('User') expect(User.name).toBe('User')
}) })
it('is Vue instance', () => { it('is Vue instance', () => {
const wrapper = shallowMount(User, {
localVue,
router
})
expect(wrapper.isVueInstance()).toBe(true) expect(wrapper.isVueInstance()).toBe(true)
}) })
it('is User', () => { it('is User', () => {
const wrapper = shallowMount(User, {
localVue,
router
})
expect(wrapper.is(User)).toBe(true) expect(wrapper.is(User)).toBe(true)
}) })
it('should have methods', () => { it('should have methods', () => {
const wrapper = shallowMount(User,{ expect(typeof User.methods.goBack).toEqual('function')
localVue,
router
})
expect(typeof User.methods.goBack ).toEqual('function')
expect(wrapper.vm.goBack()).toBeUndefined()
expect(typeof User.methods.getUserData ).toEqual('function')
expect(wrapper.vm.getUserData(1)).toStrictEqual([
{ key: 'username', value: 'Samppa Nori' },
{ key: 'registered', value: '2012/01/01' },
{ key: 'role', value: 'Member' },
{ key: 'status', value: 'Active' } ])
expect(wrapper.vm.getUserData(30)).toStrictEqual([{"key": "id", "value": "Not found"}])
}) })
test('renders correctly', () => { test('renders correctly', () => {
const wrapper = shallowMount(User, {
localVue,
router
})
expect(wrapper.element).toMatchSnapshot() expect(wrapper.element).toMatchSnapshot()
}) })
}) })
tests/unit/views/users/Users.spec.js
-14
View File
@@ -37,18 +37,4 @@ describe('Users.vue', () => {
}) })
expect(wrapper.element).toMatchSnapshot() expect(wrapper.element).toMatchSnapshot()
}) })
it('should have methods', () => {
const wrapper = shallowMount(Users,{
localVue,
router
})
expect(typeof Users.methods.userLink ).toEqual('function')
expect(Users.methods.userLink(42)).toBe('users/42')
expect(typeof Users.methods.rowClicked ).toEqual('function')
expect(wrapper.vm.rowClicked({id:42})).toBeUndefined()
expect(typeof Users.methods.getBadge ).toEqual('function')
expect(wrapper.vm.getBadge('Active')).toBe('success')
expect(wrapper.vm.getBadge('Inactive')).toBe('secondary')
})
}) })
tests/unit/views/users/__snapshots__/User.spec.js.snap
+136 -35
View File
@@ -1,49 +1,150 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`User.vue renders correctly 1`] = ` exports[`User.vue renders correctly 1`] = `
<crow-stub <div
gutters="true" class="row"
tag="div"
> >
<ccol-stub <div
col="12" class="col-12 col-lg-6"
lg="6" >
tag="div" <div
class="card"
>
<header
class="card-header"
> >
<ccard-stub>
<ccardheader-stub>
User id: User id: 1
</ccardheader-stub> </header>
<ccardbody-stub> <div
<cdatatable-stub class="card-body"
fields="[object Object],[object Object]" >
fixed="true" <div
items="[object Object]" data-v-31168812=""
itemsperpage="10"
responsive="true"
small="" small=""
sortervalue="[object Object]" >
striped="true" <!---->
/> <div
</ccardbody-stub> class="position-relative table-responsive"
data-v-31168812=""
>
<table
class="table table-striped b-table-fixed"
data-v-31168812=""
>
<thead
data-v-31168812=""
>
<tr
data-v-31168812=""
>
<th
class=""
data-v-31168812=""
style="width: 150px;"
>
<div
class="d-inline"
data-v-31168812=""
>
Samppa Nori
</div>
<!---->
</th>
<th
class=""
data-v-31168812=""
style="width: 150px;"
>
<div
class="d-inline"
data-v-31168812=""
>
<ccardfooter-stub> </div>
<cbutton-stub <!---->
activeclass="active" </th>
color="primary" </tr>
event="click" <!---->
exactactiveclass="active" </thead>
routertag="a" <tbody
target="_self" class="position-relative"
data-v-31168812=""
>
<tr
data-v-31168812=""
>
<td
class=""
data-v-31168812=""
>
registered
</td>
<td
class=""
data-v-31168812=""
>
2012/01/01
</td>
</tr>
<!---->
<tr
data-v-31168812=""
>
<td
class=""
data-v-31168812=""
>
role
</td>
<td
class=""
data-v-31168812=""
>
Member
</td>
</tr>
<!---->
<tr
data-v-31168812=""
>
<td
class=""
data-v-31168812=""
>
status
</td>
<td
class=""
data-v-31168812=""
>
Active
</td>
</tr>
<!---->
<!---->
</tbody>
<!---->
</table>
<!---->
</div>
<!---->
</div>
</div>
<footer
class="card-footer"
>
<button
class="btn btn-primary"
type="button" type="button"
> >
Back Back
</cbutton-stub> </button>
</ccardfooter-stub> </footer>
</ccard-stub> </div>
</ccol-stub> </div>
</crow-stub> </div>
`; `;
tests/unit/views/users/__snapshots__/Users.spec.js.snap
+11 -2
View File
@@ -21,17 +21,26 @@ exports[`Users.vue renders correctly 1`] = `
<ccardbody-stub> <ccardbody-stub>
<cdatatable-stub <cdatatable-stub
activepage="1"
clickablerows="true" clickablerows="true"
fields="[object Object],[object Object],[object Object],[object Object]" fields="[object Object],[object Object],[object Object],[object Object]"
header="true"
hover="true" hover="true"
index-column=""
items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]" items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
itemsperpage="5" itemsperpage="5"
pagination="[object Object]"
responsive="true" responsive="true"
sortervalue="[object Object]" sortervalue="[object Object]"
striped="true" striped="true"
/> />
<cpagination-stub
activepage="1"
align="center"
arrows="true"
dots="true"
limit="5"
pages="5"
/>
</ccardbody-stub> </ccardbody-stub>
</ccard-stub> </ccard-stub>
</ccol-stub> </ccol-stub>
vue.config.js
+4 -1
View File
@@ -6,5 +6,8 @@ module.exports = {
resolve: { resolve: {
symlinks: false symlinks: false
} }
} },
transpileDependencies: [
'@coreui/utils'
]
} }