vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

DataView test added

pull/2305/head
Tuğçe Küçükoğlu 2022-03-10 13:38:44 +03:00 committed by Tuğçe Küçükoğlu
parent 252ffaccca
commit c5ccfba2de
1 changed files with 82 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

82
src/components/dataview/DataView.spec.js Normal file
View File

@ -0,0 +1,82 @@
import { mount } from '@vue/test-utils';
import DataView from './DataView.vue';
describe('DataView.vue', () => {
it('should exist', () => {
const wrapper = mount(DataView, {
props: {
value: [
{
"id": "1000",
"code": "f230fh0g3",
"name": "Bamboo Watch",
"description": "Product Description",
"image": "bamboo-watch.jpg",
"price": 65,
"category": "Accessories",
"quantity": 24,
"inventoryStatus": "INSTOCK",
"rating": 5
},
{
"id": "1001",
"code": "nvklal433",
"name": "Black Watch",
"description": "Product Description",
"image": "black-watch.jpg",
"price": 72,
"category": "Accessories",
"quantity": 61,
"inventoryStatus": "INSTOCK",
"rating": 4
},
{
"id": "1002",
"code": "zz21cz3c1",
"name": "Blue Band",
"description": "Product Description",
"image": "blue-band.jpg",
"price": 79,
"category": "Fitness",
"quantity": 2,
"inventoryStatus": "LOWSTOCK",
"rating": 3
}
],
layout: 'grid',
paginator: true,
rows: 3
},
slots: {
grid: `
<template #grid="slotProps">
<div class="col-12 md:col-4">
<div class="product-grid-item card">
<div class="product-grid-item-top">
<div>
<i class="pi pi-tag product-category-icon"></i>
<span class="product-category">{{slotProps.data.category}}</span>
</div>
<span :class="'product-badge status-'+slotProps.data.inventoryStatus.toLowerCase()">{{slotProps.data.inventoryStatus}}</span>
</div>
<div class="product-grid-item-content">
<img :src="'demo/images/product/' + slotProps.data.image" :alt="slotProps.data.name"/>
<div class="product-name">{{slotProps.data.name}}</div>
<div class="product-description">{{slotProps.data.description}}</div>
</div>
<div class="product-grid-item-bottom">
<span class="product-price">\${{slotProps.data.price}}</span>
</div>
</div>
</div>
</template>
`
}
});
expect(wrapper.find('.p-dataview.p-component').exists()).toBe(true);
expect(wrapper.find('.p-dataview-grid').exists()).toBe(true);
expect(wrapper.findAll('.product-grid-item').length).toBe(3);
expect(wrapper.find('.p-paginator.p-component').exists()).toBe(true);
});
});