feat(RadioGroup): add checked-color prop (#4532)

This commit is contained in:
neverland
2019-09-22 18:29:27 +08:00
committed by GitHub
parent a64c607d71
commit 9e1758c1d8
5 changed files with 31 additions and 7 deletions
@@ -1,11 +1,20 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`checked-color prop 1`] = `
<div role="radiogroup" class="van-radio-group">
<div role="radio" tabindex="0" aria-checked="true" class="van-radio">
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"><i class="van-icon van-icon-success" style="border-color: black; background-color: black;">
<!----></i></div><span class="van-radio__label">label</span>
</div>
<div role="radio" tabindex="0" aria-checked="true" class="van-radio">
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"><i class="van-icon van-icon-success" style="border-color: white; background-color: white;">
<!----></i></div><span class="van-radio__label">label</span>
</div>
</div>
`;
exports[`icon-size prop 1`] = `
<div role="radiogroup" class="van-radio-group">
<div role="radio" tabindex="0" aria-checked="true" class="van-radio">
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked" style="font-size: 10rem;"><i class="van-icon van-icon-success">
<!----></i></div><span class="van-radio__label">label</span>
</div>
<div role="radio" tabindex="0" aria-checked="true" class="van-radio">
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked" style="font-size: 10rem;"><i class="van-icon van-icon-success">
<!----></i></div><span class="van-radio__label">label</span>
+13 -1
View File
@@ -75,7 +75,6 @@ test('icon-size prop', () => {
const wrapper = mount({
template: `
<van-radio-group icon-size="10rem">
<van-radio>label</van-radio>
<van-radio>label</van-radio>
<van-radio icon-size="5rem">label</van-radio>
</van-radio-group>
@@ -84,3 +83,16 @@ test('icon-size prop', () => {
expect(wrapper).toMatchSnapshot();
});
test('checked-color prop', () => {
const wrapper = mount({
template: `
<van-radio-group checked-color="black">
<van-radio :value="true">label</van-radio>
<van-radio :value="true" checked-color="white">label</van-radio>
</van-radio-group>
`
});
expect(wrapper).toMatchSnapshot();
});