Skip to content

Commit

Permalink
chore: use skeleton templates in components' tests
Browse files Browse the repository at this point in the history
  • Loading branch information
@zhpenkov @Juveniel
zhpenkov authored and Juveniel committed Nov 14, 2023
1 parent 6c0ca3a commit eba183d
Show file tree
Hide file tree
Showing 9 changed files with 225 additions and 225 deletions.
4 changes: 2 additions & 2 deletions packages/html/src/captcha/captcha.spec.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import { Button } from '../button';
import { Textbox } from '../textbox';
import { Skeleton } from '../skeleton';
import { SkeletonRectangle } from '../skeleton';
import { classNames, stateClassNames, States } from '../misc';

export const CAPTCHA_CLASSNAME = `k-captcha`;
Expand Down Expand Up @@ -55,7 +55,7 @@ export const Captcha = (
src="/packages/html/assets/captcha.jpg"
/>
{loading && (
<Skeleton shape={'rect'} style={{ width: '100%', height: '100%' }} />
<SkeletonRectangle style={{ width: '100%', height: '100%' }} />
)}
</div>
<div className="k-captcha-image-controls k-vstack">
Expand Down
4 changes: 2 additions & 2 deletions packages/html/src/grid/tests/grid-angular.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import { Checkbox } from '../../checkbox';
import { Icon } from '../../icon';
import { Pager } from '../../pager';
import { Popup } from '../../popup';
import { Skeleton } from '../../skeleton';
import { SkeletonNormal } from '../../skeleton';


export default () =>(
Expand Down Expand Up @@ -71,7 +71,7 @@ export default () =>(
</tr>
<tr className="k-table-row k-table-alt-row k-alt">
<td className="k-table-td">4</td>
<td className="k-table-td"><Skeleton animation={false}/></td>
<td className="k-table-td"><SkeletonNormal animation={false}/></td>
</tr>
</tbody>
</table>
Expand Down
6 changes: 3 additions & 3 deletions packages/html/src/grid/tests/grid-rtl-angular.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import { Icon } from '../../icon';
import { Pager } from '../../pager';
import { Skeleton } from '../../skeleton';
import { SkeletonNormal } from '../../skeleton';


export default () =>(
Expand Down Expand Up @@ -67,11 +67,11 @@ export default () =>(
</tr>
<tr className="k-table-row k-table-alt-row k-alt">
<td className="k-table-td">4</td>
<td className="k-table-td"><Skeleton animation={false} /></td>
<td className="k-table-td"><SkeletonNormal animation={false} /></td>
</tr>
<tr className="k-table-row">
<td className="k-table-td">5</td>
<td className="k-table-td"><Skeleton animation={false} /></td>
<td className="k-table-td"><SkeletonNormal animation={false} /></td>
</tr>
</tbody>
</table>
Expand Down
6 changes: 3 additions & 3 deletions packages/html/src/grid/tests/grid-rtl.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import { Icon } from '../../icon';
import { Pager } from '../../pager';
import { Skeleton } from '../../skeleton';
import { SkeletonNormal } from '../../skeleton';


export default () =>(
Expand Down Expand Up @@ -60,11 +60,11 @@ export default () =>(
</tr>
<tr className="k-table-row k-table-alt-row k-alt">
<td className="k-table-td">4</td>
<td className="k-table-td"><Skeleton animation={false} /></td>
<td className="k-table-td"><SkeletonNormal animation={false} /></td>
</tr>
<tr className="k-table-row">
<td className="k-table-td">5</td>
<td className="k-table-td"><Skeleton animation={false} /></td>
<td className="k-table-td"><SkeletonNormal animation={false} /></td>
</tr>
</tbody>
</table>
Expand Down
10 changes: 5 additions & 5 deletions packages/html/src/grid/tests/grid-selection-aggregates.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import { Pager } from '../../pager';
import { Skeleton } from '../../skeleton';
import { SkeletonNormal } from '../../skeleton';


export default () =>(
Expand Down Expand Up @@ -60,11 +60,11 @@ export default () =>(
</tr>
<tr className="k-table-row k-table-alt-row k-alt">
<td className="k-table-td k-selected">4</td>
<td className="k-table-td"><Skeleton animation={false} /></td>
<td className="k-table-td"><SkeletonNormal animation={false} /></td>
</tr>
<tr className="k-table-row">
<td className="k-table-td">5</td>
<td className="k-table-td"><Skeleton animation={false} /></td>
<td className="k-table-td"><SkeletonNormal animation={false} /></td>
</tr>
</tbody>
</table>
Expand Down Expand Up @@ -149,11 +149,11 @@ export default () =>(
</tr>
<tr className="k-table-row k-table-alt-row k-alt">
<td className="k-table-td k-selected">4</td>
<td className="k-table-td"><Skeleton animation={false} /></td>
<td className="k-table-td"><SkeletonNormal animation={false} /></td>
</tr>
<tr className="k-table-row">
<td className="k-table-td">5</td>
<td className="k-table-td"><Skeleton animation={false} /></td>
<td className="k-table-td"><SkeletonNormal animation={false} /></td>
</tr>
</tbody>
</table>
Expand Down
6 changes: 3 additions & 3 deletions packages/html/src/grid/tests/grid-size-sm-comp-sm.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import { DropdownList } from '../../dropdownlist';
import { Icon } from '../../icon';
import { NumericTextbox } from '../../numerictextbox';
import { Pager } from '../../pager';
import { Skeleton } from '../../skeleton';
import { SkeletonNormal } from '../../skeleton';
import { Textbox } from '../../textbox';
import { Toolbar } from '../../toolbar';

Expand Down Expand Up @@ -79,11 +79,11 @@ export default () =>(
</tr>
<tr className="k-table-row k-table-alt-row k-alt">
<td className="k-table-td">4</td>
<td className="k-table-td"><Skeleton animation={false} /></td>
<td className="k-table-td"><SkeletonNormal animation={false} /></td>
</tr>
<tr className="k-table-row">
<td className="k-table-td">5</td>
<td className="k-table-td"><Skeleton animation={false} /></td>
<td className="k-table-td"><SkeletonNormal animation={false} /></td>
</tr>
</tbody>
</table>
Expand Down
6 changes: 3 additions & 3 deletions packages/html/src/grid/tests/grid-size-sm.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import { DropdownList } from '../../dropdownlist';
import { Icon } from '../../icon';
import { NumericTextbox } from '../../numerictextbox';
import { Pager } from '../../pager';
import { Skeleton } from '../../skeleton';
import { SkeletonNormal } from '../../skeleton';
import { Textbox } from '../../textbox';
import { Toolbar } from '../../toolbar';

Expand Down Expand Up @@ -79,11 +79,11 @@ export default () =>(
</tr>
<tr className="k-table-row k-table-alt-row k-alt">
<td className="k-table-td">4</td>
<td className="k-table-td"><Skeleton animation={false} /></td>
<td className="k-table-td"><SkeletonNormal animation={false} /></td>
</tr>
<tr className="k-table-row">
<td className="k-table-td">5</td>
<td className="k-table-td"><Skeleton animation={false} /></td>
<td className="k-table-td"><SkeletonNormal animation={false} /></td>
</tr>
</tbody>
</table>
Expand Down
Loading

0 comments on commit eba183d

Please sign in to comment.