alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat(CheckboxGroup): add checked-color prop (#4531)

Browse Source
This commit is contained in:
neverland
2019-09-22 17:36:39 +08:00
committed by GitHub
parent 3f4ec83145
commit a64c607d71
6 changed files with 34 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/checkbox/test/__snapshots__/index.spec.js.snap
+13 -4
View File
@@ -1,11 +1,20 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`checked-color prop 1`] = `
<div class="van-checkbox-group">
<div role="checkbox" tabindex="0" aria-checked="true" class="van-checkbox">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><i class="van-icon van-icon-success" style="border-color: black; background-color: black;">
<!----></i></div><span class="van-checkbox__label">label</span>
</div>
<div role="checkbox" tabindex="0" aria-checked="true" class="van-checkbox">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><i class="van-icon van-icon-success" style="border-color: white; background-color: white;">
<!----></i></div><span class="van-checkbox__label">label</span>
</div>
</div>
`;
exports[`icon-size prop 1`] = `
<div class="van-checkbox-group">
<div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
<div class="van-checkbox__icon van-checkbox__icon--round" style="font-size: 10rem;"><i class="van-icon van-icon-success">
<!----></i></div><span class="van-checkbox__label">label</span>
</div>
<div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
<div class="van-checkbox__icon van-checkbox__icon--round" style="font-size: 10rem;"><i class="van-icon van-icon-success">
<!----></i></div><span class="van-checkbox__label">label</span>
src/checkbox/test/index.spec.js
+13 -1
View File
@@ -110,7 +110,6 @@ test('icon-size prop', () => {
const wrapper = mount({
template: `
<van-checkbox-group icon-size="10rem">
<van-checkbox>label</van-checkbox>
<van-checkbox>label</van-checkbox>
<van-checkbox icon-size="5rem">label</van-checkbox>
</van-checkbox-group>
@@ -119,3 +118,16 @@ test('icon-size prop', () => {
expect(wrapper).toMatchSnapshot();
});
test('checked-color prop', () => {
const wrapper = mount({
template: `
<van-checkbox-group :value="['a', 'b']" checked-color="black">
<van-checkbox name="a" :value="true">label</van-checkbox>
<van-checkbox name="b" :value="true" checked-color="white">label</van-checkbox>
</van-checkbox-group>
`
});
expect(wrapper).toMatchSnapshot();
});