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

[new feature] Field: add label-width prop (#3235)

Browse Source
This commit is contained in:
neverland
2019-04-29 11:31:52 +08:00
committed by GitHub
parent 0b774ed7c0
commit 9fe0831e6d
5 changed files with 55 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/field/test/__snapshots__/index.spec.js.snap
+18
View File
@@ -17,6 +17,24 @@ exports[`clearable 2`] = `
</div>
`;
exports[`label-width prop with unit 1`] = `
<div class="van-cell van-field">
<div class="van-cell__title van-field__label" style="max-width: 10rem; min-width: 10rem;"><span>Label</span></div>
<div class="van-cell__value">
<div class="van-field__body"><input type="text" class="van-field__control"></div>
</div>
</div>
`;
exports[`label-width prop without unit 1`] = `
<div class="van-cell van-field">
<div class="van-cell__title van-field__label" style="max-width: 100px; min-width: 100px;"><span>Label</span></div>
<div class="van-cell__value">
<div class="van-field__body"><input type="text" class="van-field__control"></div>
</div>
</div>
`;
exports[`render label slot 1`] = `
<div class="van-cell van-field">
<div class="van-cell__title van-field__label">Custom Label</div>
packages/field/test/index.spec.js
+20
View File
@@ -196,3 +196,23 @@ test('size prop', () => {
});
expect(wrapper).toMatchSnapshot();
});
test('label-width prop with unit', () => {
const wrapper = mount(Field, {
propsData: {
label: 'Label',
labelWidth: '10rem'
}
});
expect(wrapper).toMatchSnapshot();
});
test('label-width prop without unit', () => {
const wrapper = mount(Field, {
propsData: {
label: 'Label',
labelWidth: 100
}
});
expect(wrapper).toMatchSnapshot();
});