123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157 |
- // Jest Snapshot v1, https://goo.gl/fbAQLP
-
- exports[`should render correctly: default 1`] = `
- <div>
- <label
- htmlFor="field-id"
- >
- <span
- className="text-middle"
- >
- <strong>
- Field label
- </strong>
- <MandatoryFieldMarker />
- </span>
- </label>
- <div
- className="little-spacer-top spacer-bottom"
- >
- <div />
- <AlertSuccessIcon
- ariaLabel="valid_input"
- className="spacer-left text-middle"
- />
- </div>
- <div
- className="note abs-width-400"
- >
- My description
- </div>
- </div>
- `;
-
- exports[`should render correctly: error under the input 1`] = `
- <div>
- <label
- htmlFor="field-id"
- >
- <span
- className="text-middle"
- >
- <strong>
- Field label
- </strong>
- <MandatoryFieldMarker />
- </span>
- </label>
- <div
- className="little-spacer-top spacer-bottom"
- >
- <div />
- <div
- className="spacer-top"
- >
- <AlertErrorIcon
- className="text-middle"
- />
- <span
- className="little-spacer-left text-danger text-middle"
- >
- Field error message
- </span>
- </div>
- </div>
- <div
- className="note abs-width-400"
- >
- My description
- </div>
- </div>
- `;
-
- exports[`should render correctly: no label 1`] = `
- <div>
- <div
- className="little-spacer-top spacer-bottom"
- >
- <div />
- <AlertSuccessIcon
- ariaLabel="valid_input"
- className="spacer-left text-middle"
- />
- </div>
- <div
- className="note abs-width-400"
- >
- My description
- </div>
- </div>
- `;
-
- exports[`should render correctly: with error 1`] = `
- <div>
- <label
- htmlFor="field-id"
- >
- <span
- className="text-middle"
- >
- <strong>
- Field label
- </strong>
- </span>
- </label>
- <div
- className="little-spacer-top spacer-bottom"
- >
- <div />
- <AlertErrorIcon
- className="spacer-left text-middle"
- />
- <span
- className="little-spacer-left text-danger text-middle"
- >
- Field error message
- </span>
- </div>
- <div
- className="note abs-width-400"
- >
- <div>
- My description
- </div>
- </div>
- </div>
- `;
-
- exports[`should render correctly: with help 1`] = `
- <div>
- <label
- htmlFor="field-id"
- >
- <span
- className="text-middle"
- >
- <strong>
- Field label
- </strong>
- <MandatoryFieldMarker />
- </span>
- <HelpTooltip
- className="spacer-left"
- overlay="Help message"
- />
- </label>
- <div
- className="little-spacer-top spacer-bottom"
- >
- <div />
- </div>
- <div
- className="note abs-width-400"
- >
- My description
- </div>
- </div>
- `;
|