You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

ValidationInput-test.tsx.snap 2.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  1. // Jest Snapshot v1, https://goo.gl/fbAQLP
  2. exports[`should render correctly: default 1`] = `
  3. <div>
  4. <label
  5. htmlFor="field-id"
  6. >
  7. <span
  8. className="text-middle"
  9. >
  10. <strong>
  11. Field label
  12. </strong>
  13. <MandatoryFieldMarker />
  14. </span>
  15. </label>
  16. <div
  17. className="little-spacer-top spacer-bottom"
  18. >
  19. <div />
  20. <AlertSuccessIcon
  21. ariaLabel="valid_input"
  22. className="spacer-left text-middle"
  23. />
  24. </div>
  25. <div
  26. className="note abs-width-400"
  27. >
  28. My description
  29. </div>
  30. </div>
  31. `;
  32. exports[`should render correctly: error under the input 1`] = `
  33. <div>
  34. <label
  35. htmlFor="field-id"
  36. >
  37. <span
  38. className="text-middle"
  39. >
  40. <strong>
  41. Field label
  42. </strong>
  43. <MandatoryFieldMarker />
  44. </span>
  45. </label>
  46. <div
  47. className="little-spacer-top spacer-bottom"
  48. >
  49. <div />
  50. <div
  51. className="spacer-top"
  52. >
  53. <AlertErrorIcon
  54. className="text-middle"
  55. />
  56. <span
  57. className="little-spacer-left text-danger text-middle"
  58. >
  59. Field error message
  60. </span>
  61. </div>
  62. </div>
  63. <div
  64. className="note abs-width-400"
  65. >
  66. My description
  67. </div>
  68. </div>
  69. `;
  70. exports[`should render correctly: no label 1`] = `
  71. <div>
  72. <div
  73. className="little-spacer-top spacer-bottom"
  74. >
  75. <div />
  76. <AlertSuccessIcon
  77. ariaLabel="valid_input"
  78. className="spacer-left text-middle"
  79. />
  80. </div>
  81. <div
  82. className="note abs-width-400"
  83. >
  84. My description
  85. </div>
  86. </div>
  87. `;
  88. exports[`should render correctly: with error 1`] = `
  89. <div>
  90. <label
  91. htmlFor="field-id"
  92. >
  93. <span
  94. className="text-middle"
  95. >
  96. <strong>
  97. Field label
  98. </strong>
  99. </span>
  100. </label>
  101. <div
  102. className="little-spacer-top spacer-bottom"
  103. >
  104. <div />
  105. <AlertErrorIcon
  106. className="spacer-left text-middle"
  107. />
  108. <span
  109. className="little-spacer-left text-danger text-middle"
  110. >
  111. Field error message
  112. </span>
  113. </div>
  114. <div
  115. className="note abs-width-400"
  116. >
  117. <div>
  118. My description
  119. </div>
  120. </div>
  121. </div>
  122. `;
  123. exports[`should render correctly: with help 1`] = `
  124. <div>
  125. <label
  126. htmlFor="field-id"
  127. >
  128. <span
  129. className="text-middle"
  130. >
  131. <strong>
  132. Field label
  133. </strong>
  134. <MandatoryFieldMarker />
  135. </span>
  136. <HelpTooltip
  137. className="spacer-left"
  138. overlay="Help message"
  139. />
  140. </label>
  141. <div
  142. className="little-spacer-top spacer-bottom"
  143. >
  144. <div />
  145. </div>
  146. <div
  147. className="note abs-width-400"
  148. >
  149. My description
  150. </div>
  151. </div>
  152. `;