test(Stepper): update test cases

2020-12-28 20:58:09 +08:00
parent 81494dfa13
commit 81f15e868a
4 changed files with 471 additions and 428 deletions
@@ -1,13 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`button-size prop 1`] = `<div class="van-stepper"><button type="button" class="van-stepper__minus van-stepper__minus--disabled" style="width: 2rem; height: 2rem;"></button><input type="text" role="spinbutton" inputmode="decimal" aria-valuemax="Infinity" aria-valuemin="1" aria-valuenow="1" class="van-stepper__input" style="height: 2rem;"><button type="button" class="van-stepper__plus" style="width: 2rem; height: 2rem;"></button></div>`;
-
-exports[`disable stepper input 1`] = `<div class="van-stepper"><button type="button" class="van-stepper__minus van-stepper__minus--disabled"></button><input type="text" role="spinbutton" readonly="readonly" inputmode="decimal" aria-valuemax="Infinity" aria-valuemin="1" aria-valuenow="1" class="van-stepper__input"><button type="button" class="van-stepper__plus"></button></div>`;
-
-exports[`disabled stepper 1`] = `<div class="van-stepper"><button type="button" class="van-stepper__minus van-stepper__minus--disabled"></button><input type="text" role="spinbutton" disabled="disabled" inputmode="decimal" aria-valuemax="Infinity" aria-valuemin="1" aria-valuenow="1" class="van-stepper__input"><button type="button" class="van-stepper__plus van-stepper__plus--disabled"></button></div>`;
-
-exports[`input-width prop 1`] = `<div class="van-stepper"><button type="button" class="van-stepper__minus van-stepper__minus--disabled"></button><input type="text" role="spinbutton" inputmode="decimal" aria-valuemax="Infinity" aria-valuemin="1" aria-valuenow="1" class="van-stepper__input" style="width: 10rem;"><button type="button" class="van-stepper__plus"></button></div>`;
-
-exports[`placeholder prop 1`] = `<input type="text" role="spinbutton" inputmode="decimal" placeholder="foo" aria-valuemax="Infinity" aria-valuemin="1" aria-valuenow="1" class="van-stepper__input">`;
-
-exports[`show-plus & show-minus props 1`] = `<div class="van-stepper"><button type="button" class="van-stepper__minus van-stepper__minus--disabled" style="display: none;"></button><input type="text" role="spinbutton" inputmode="decimal" aria-valuemax="Infinity" aria-valuemin="1" aria-valuenow="1" class="van-stepper__input"><button type="button" class="van-stepper__plus" style="display: none;"></button></div>`;
@@ -0,0 +1,47 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should disable buttons and input when using disabled prop 1`] = `
+<div class="van-stepper">
+  <button type="button"
+          class="van-stepper__minus van-stepper__minus--disabled"
+  >
+  </button>
+  <input type="text"
+         role="spinbutton"
+         class="van-stepper__input"
+         disabled
+         inputmode="decimal"
+         aria-valuemax="Infinity"
+         aria-valuemin="1"
+         aria-valuenow="1"
+  >
+  <button type="button"
+          class="van-stepper__plus van-stepper__plus--disabled"
+  >
+  </button>
+</div>
+`;
+
+exports[`should update input height and button size when using button-size prop 1`] = `
+<div class="van-stepper">
+  <button type="button"
+          style="width: 2rem; height: 2rem;"
+          class="van-stepper__minus van-stepper__minus--disabled"
+  >
+  </button>
+  <input type="text"
+         role="spinbutton"
+         class="van-stepper__input"
+         style="height: 2rem;"
+         inputmode="decimal"
+         aria-valuemax="Infinity"
+         aria-valuemin="1"
+         aria-valuenow="1"
+  >
+  <button type="button"
+          style="width: 2rem; height: 2rem;"
+          class="van-stepper__plus"
+  >
+  </button>
+</div>
+`;