Skip to content

Commit

Permalink
test(Spinner): add unit test for precision, close #195
Browse files Browse the repository at this point in the history
  • Loading branch information
@Javey
Javey committed Jan 21, 2019
1 parent 75811a2 commit 9d1a5c5
Show file tree
Hide file tree
Showing 4 changed files with 42 additions and 14 deletions.
8 changes: 4 additions & 4 deletions components/spinner/index.spec.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,10 +5,10 @@ import {mount, unmount, dispatchEvent} from 'test/utils';
describe('Spinner', () => {
let instance;

// afterEach(() => {
// unmount(instance);
// instance = null
// });
afterEach(() => {
unmount(instance);
instance = null
});

it('step/max/min test', () => {
instance = mount(StepDemo);
Expand Down
16 changes: 14 additions & 2 deletions test/__snapshots__/Demos.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -918,6 +918,12 @@
"<div><div class=\"k-spinner\"><button class=\"k-btn k-btn-icon k-left\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-minus-empty\"></i></button><div class=\"k-input\"><div class=\"k-wrapper\"><input class=\"k-inner\" type=\"text\"></div></div><button class=\"k-btn k-btn-icon k-right\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-plus-empty\"></i></button></div><div class=\"k-spinner k-disabled\"><button class=\"k-btn k-btn-icon k-left k-disabled\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-minus-empty\"></i></button><div class=\"k-input k-disabled\"><div class=\"k-wrapper\"><input class=\"k-inner\" type=\"text\" disabled=\"\"></div></div><button class=\"k-btn k-btn-icon k-right k-disabled\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-plus-empty\"></i></button></div></div>"
```

#### `Spinner precision`

```
"<div><div class=\"k-spinner\"><button class=\"k-btn k-btn-icon k-left k-disabled\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-minus-empty\"></i></button><div class=\"k-input\"><div class=\"k-wrapper\"><input class=\"k-inner\" type=\"text\"></div></div><button class=\"k-btn k-btn-icon k-right\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-plus-empty\"></i></button></div><div class=\"k-spinner\"><button class=\"k-btn k-btn-icon k-left\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-minus-empty\"></i></button><div class=\"k-input\"><div class=\"k-wrapper\"><input class=\"k-inner\" type=\"text\"></div></div><button class=\"k-btn k-btn-icon k-right\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-plus-empty\"></i></button></div></div>"
```

#### `Spinner size`

```
Expand All @@ -927,7 +933,7 @@
#### `Spinner step`

```
"<div><div class=\"k-spinner\"><button class=\"k-btn k-btn-icon k-left k-disabled\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-minus-empty\"></i></button><div class=\"k-input\"><div class=\"k-wrapper\"><input class=\"k-inner\" type=\"text\"></div></div><button class=\"k-btn k-btn-icon k-right\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-plus-empty\"></i></button></div><div class=\"k-spinner\"><button class=\"k-btn k-btn-icon k-left k-disabled\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-minus-empty\"></i></button><div class=\"k-input\"><div class=\"k-wrapper\"><input class=\"k-inner\" type=\"text\"></div></div><button class=\"k-btn k-btn-icon k-right\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-plus-empty\"></i></button></div></div>"
"<div><div class=\"k-spinner\"><button class=\"k-btn k-btn-icon k-left k-disabled\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-minus-empty\"></i></button><div class=\"k-input\"><div class=\"k-wrapper\"><input class=\"k-inner\" type=\"text\"></div></div><button class=\"k-btn k-btn-icon k-right\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-plus-empty\"></i></button></div><div class=\"k-spinner\"><button class=\"k-btn k-btn-icon k-left\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-minus-empty\"></i></button><div class=\"k-input\"><div class=\"k-wrapper\"><input class=\"k-inner\" type=\"text\"></div></div><button class=\"k-btn k-btn-icon k-right\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-plus-empty\"></i></button></div></div>"
```

#### `Spinner vertical`
Expand Down Expand Up @@ -2415,6 +2421,12 @@
"<div><div><div class=\"k-spinner\"><button class=\"k-btn k-btn-icon k-left\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-minus-empty\"></i></button><div class=\"k-input\"><div class=\"k-wrapper\"><input class=\"k-inner\" type=\"text\"></div></div><button class=\"k-btn k-btn-icon k-right\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-plus-empty\"></i></button></div><div class=\"k-spinner k-disabled\"><button class=\"k-btn k-btn-icon k-left k-disabled\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-minus-empty\"></i></button><div class=\"k-input k-disabled\"><div class=\"k-wrapper\"><input class=\"k-inner\" type=\"text\" disabled=\"\"></div></div><button class=\"k-btn k-btn-icon k-right k-disabled\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-plus-empty\"></i></button></div></div></div>"
```

#### `Spinner precision`

```
"<div><div><div class=\"k-spinner\"><button class=\"k-btn k-btn-icon k-left k-disabled\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-minus-empty\"></i></button><div class=\"k-input\"><div class=\"k-wrapper\"><input class=\"k-inner\" type=\"text\"></div></div><button class=\"k-btn k-btn-icon k-right\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-plus-empty\"></i></button></div><div class=\"k-spinner\"><button class=\"k-btn k-btn-icon k-left\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-minus-empty\"></i></button><div class=\"k-input\"><div class=\"k-wrapper\"><input class=\"k-inner\" type=\"text\"></div></div><button class=\"k-btn k-btn-icon k-right\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-plus-empty\"></i></button></div></div></div>"
```

#### `Spinner size`

```
Expand All @@ -2424,7 +2436,7 @@
#### `Spinner step`

```
"<div><div><div class=\"k-spinner\"><button class=\"k-btn k-btn-icon k-left k-disabled\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-minus-empty\"></i></button><div class=\"k-input\"><div class=\"k-wrapper\"><input class=\"k-inner\" type=\"text\"></div></div><button class=\"k-btn k-btn-icon k-right\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-plus-empty\"></i></button></div><div class=\"k-spinner\"><button class=\"k-btn k-btn-icon k-left k-disabled\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-minus-empty\"></i></button><div class=\"k-input\"><div class=\"k-wrapper\"><input class=\"k-inner\" type=\"text\"></div></div><button class=\"k-btn k-btn-icon k-right\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-plus-empty\"></i></button></div></div></div>"
"<div><div><div class=\"k-spinner\"><button class=\"k-btn k-btn-icon k-left k-disabled\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-minus-empty\"></i></button><div class=\"k-input\"><div class=\"k-wrapper\"><input class=\"k-inner\" type=\"text\"></div></div><button class=\"k-btn k-btn-icon k-right\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-plus-empty\"></i></button></div><div class=\"k-spinner\"><button class=\"k-btn k-btn-icon k-left\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-minus-empty\"></i></button><div class=\"k-input\"><div class=\"k-wrapper\"><input class=\"k-inner\" type=\"text\"></div></div><button class=\"k-btn k-btn-icon k-right\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-plus-empty\"></i></button></div></div></div>"
```

#### `Spinner vertical`
Expand Down
8 changes: 7 additions & 1 deletion test/__snapshots__/React Demos.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -824,6 +824,12 @@
"<div><div class=\"k-spinner\"><button class=\"k-btn k-btn-icon k-left\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-minus-empty\"></i></button><div class=\"k-input\"><div class=\"k-wrapper\"><input class=\"k-inner\" type=\"text\"></div></div><button class=\"k-btn k-btn-icon k-right\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-plus-empty\"></i></button></div><div class=\"k-spinner k-disabled\"><button class=\"k-btn k-btn-icon k-left k-disabled\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-minus-empty\"></i></button><div class=\"k-input k-disabled\"><div class=\"k-wrapper\"><input class=\"k-inner\" type=\"text\" disabled=\"\"></div></div><button class=\"k-btn k-btn-icon k-right k-disabled\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-plus-empty\"></i></button></div></div>"
```

#### `Spinner precision`

```
"<div><div class=\"k-spinner\"><button class=\"k-btn k-btn-icon k-left k-disabled\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-minus-empty\"></i></button><div class=\"k-input\"><div class=\"k-wrapper\"><input class=\"k-inner\" type=\"text\"></div></div><button class=\"k-btn k-btn-icon k-right\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-plus-empty\"></i></button></div><div class=\"k-spinner\"><button class=\"k-btn k-btn-icon k-left\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-minus-empty\"></i></button><div class=\"k-input\"><div class=\"k-wrapper\"><input class=\"k-inner\" type=\"text\"></div></div><button class=\"k-btn k-btn-icon k-right\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-plus-empty\"></i></button></div></div>"
```

#### `Spinner size`

```
Expand All @@ -833,7 +839,7 @@
#### `Spinner step`

```
"<div><div class=\"k-spinner\"><button class=\"k-btn k-btn-icon k-left k-disabled\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-minus-empty\"></i></button><div class=\"k-input\"><div class=\"k-wrapper\"><input class=\"k-inner\" type=\"text\"></div></div><button class=\"k-btn k-btn-icon k-right\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-plus-empty\"></i></button></div><div class=\"k-spinner\"><button class=\"k-btn k-btn-icon k-left k-disabled\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-minus-empty\"></i></button><div class=\"k-input\"><div class=\"k-wrapper\"><input class=\"k-inner\" type=\"text\"></div></div><button class=\"k-btn k-btn-icon k-right\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-plus-empty\"></i></button></div></div>"
"<div><div class=\"k-spinner\"><button class=\"k-btn k-btn-icon k-left k-disabled\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-minus-empty\"></i></button><div class=\"k-input\"><div class=\"k-wrapper\"><input class=\"k-inner\" type=\"text\"></div></div><button class=\"k-btn k-btn-icon k-right\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-plus-empty\"></i></button></div><div class=\"k-spinner\"><button class=\"k-btn k-btn-icon k-left\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-minus-empty\"></i></button><div class=\"k-input\"><div class=\"k-wrapper\"><input class=\"k-inner\" type=\"text\"></div></div><button class=\"k-btn k-btn-icon k-right\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-plus-empty\"></i></button></div></div>"
```

#### `Spinner vertical`
Expand Down
Loading

0 comments on commit 9d1a5c5

Please sign in to comment.