ant-design/components/mentions/__tests__/__snapshots__/demo.test.js.snap
zombieJ ecb2eb6ede
feat: Add Mentions component (#16532)
* init

* first demo

* support empty

* add loading support

* add form sample

* update form sample

* omit value & defaultValue

* add 2 rest demo

* placement support

* update docs

* fix test

* update docs

* add test case

* fix lint

* follow textarea style

* update docs style
2019-05-17 12:05:03 +08:00

155 lines
2.8 KiB
Plaintext
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/mentions/demo/async.md correctly 1`] = `
<div
class="ant-mentions"
style="width:100%"
>
<textarea
rows="1"
/>
</div>
`;
exports[`renders ./components/mentions/demo/basic.md correctly 1`] = `
<div
class="ant-mentions"
style="width:100%"
>
<textarea
rows="1"
>
@afc163
</textarea>
</div>
`;
exports[`renders ./components/mentions/demo/form.md correctly 1`] = `
<form
class="ant-form ant-form-horizontal"
>
<div
class="ant-row ant-form-item"
>
<div
class="ant-col ant-col-6 ant-form-item-label"
>
<label
class=""
for="mention"
title="Top coders"
>
Top coders
</label>
</div>
<div
class="ant-col ant-col-16 ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control"
>
<span
class="ant-form-item-children"
>
<div
class="ant-mentions"
>
<textarea
data-__field="[object Object]"
data-__meta="[object Object]"
id="mention"
rows="3"
/>
</div>
</span>
</div>
</div>
</div>
<div
class="ant-row ant-form-item"
>
<div
class="ant-col ant-col-14 ant-col-offset-6 ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control"
>
<span
class="ant-form-item-children"
>
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span>
Submit
</span>
</button>
   
<button
class="ant-btn"
type="button"
>
<span>
Reset
</span>
</button>
</span>
</div>
</div>
</div>
</form>
`;
exports[`renders ./components/mentions/demo/placement.md correctly 1`] = `
<div
class="ant-mentions"
style="width:100%"
>
<textarea
rows="1"
/>
</div>
`;
exports[`renders ./components/mentions/demo/prefix.md correctly 1`] = `
<div
class="ant-mentions"
style="width:100%"
>
<textarea
placeholder="input @ to mention people, # to mention tag"
rows="1"
/>
</div>
`;
exports[`renders ./components/mentions/demo/readonly.md correctly 1`] = `
<div>
<div
style="margin-bottom:10px"
>
<div
class="ant-mentions ant-mentions-disabled"
style="width:100%"
>
<textarea
disabled=""
placeholder="this is disabled Mentions"
rows="1"
/>
</div>
</div>
<div
class="ant-mentions"
style="width:100%"
>
<textarea
placeholder="this is readOnly Mentions"
readonly=""
rows="1"
/>
</div>
</div>
`;