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.

Form-test.tsx.snap 4.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198
  1. // Jest Snapshot v1, https://goo.gl/fbAQLP
  2. exports[`should render form 1`] = `
  3. <Modal
  4. contentLabel="header"
  5. onRequestClose={[MockFunction]}
  6. size="small"
  7. >
  8. <form
  9. onSubmit={[Function]}
  10. >
  11. <header
  12. className="modal-head"
  13. >
  14. <h2>
  15. header
  16. </h2>
  17. </header>
  18. <div
  19. className="modal-body"
  20. >
  21. <div
  22. className="modal-field"
  23. >
  24. <label
  25. htmlFor="create-custom-measure-metric"
  26. >
  27. custom_measures.metric
  28. <MandatoryFieldMarker />
  29. </label>
  30. <i
  31. className="spinner"
  32. />
  33. </div>
  34. <div
  35. className="modal-field"
  36. >
  37. <label
  38. htmlFor="create-custom-measure-value"
  39. >
  40. value
  41. <MandatoryFieldMarker />
  42. </label>
  43. <input
  44. autoFocus={false}
  45. id="create-custom-measure-value"
  46. maxLength={200}
  47. name="value"
  48. onChange={[Function]}
  49. required={true}
  50. type="text"
  51. value=""
  52. />
  53. </div>
  54. <div
  55. className="modal-field"
  56. >
  57. <label
  58. htmlFor="create-custom-measure-description"
  59. >
  60. description
  61. </label>
  62. <textarea
  63. id="create-custom-measure-description"
  64. name="description"
  65. onChange={[Function]}
  66. value=""
  67. />
  68. </div>
  69. </div>
  70. <footer
  71. className="modal-foot"
  72. >
  73. <DeferredSpinner
  74. className="spacer-right"
  75. loading={false}
  76. />
  77. <SubmitButton
  78. disabled={true}
  79. id="create-custom-measure-submit"
  80. >
  81. confirmButtonText
  82. </SubmitButton>
  83. <ResetButtonLink
  84. disabled={false}
  85. id="create-custom-measure-cancel"
  86. onClick={[Function]}
  87. >
  88. cancel
  89. </ResetButtonLink>
  90. </footer>
  91. </form>
  92. </Modal>
  93. `;
  94. exports[`should render form 2`] = `
  95. <Modal
  96. contentLabel="header"
  97. onRequestClose={[MockFunction]}
  98. size="small"
  99. >
  100. <form
  101. onSubmit={[Function]}
  102. >
  103. <header
  104. className="modal-head"
  105. >
  106. <h2>
  107. header
  108. </h2>
  109. </header>
  110. <div
  111. className="modal-body"
  112. >
  113. <div
  114. className="modal-field"
  115. >
  116. <label
  117. htmlFor="create-custom-measure-metric"
  118. >
  119. custom_measures.metric
  120. <MandatoryFieldMarker />
  121. </label>
  122. <Select
  123. autoFocus={true}
  124. clearable={false}
  125. id="create-custom-measure-metric"
  126. onChange={[Function]}
  127. options={
  128. Array [
  129. Object {
  130. "label": "Custom Metric",
  131. "value": "custom-metric",
  132. },
  133. ]
  134. }
  135. />
  136. </div>
  137. <div
  138. className="modal-field"
  139. >
  140. <label
  141. htmlFor="create-custom-measure-value"
  142. >
  143. value
  144. <MandatoryFieldMarker />
  145. </label>
  146. <input
  147. autoFocus={false}
  148. id="create-custom-measure-value"
  149. maxLength={200}
  150. name="value"
  151. onChange={[Function]}
  152. required={true}
  153. type="text"
  154. value=""
  155. />
  156. </div>
  157. <div
  158. className="modal-field"
  159. >
  160. <label
  161. htmlFor="create-custom-measure-description"
  162. >
  163. description
  164. </label>
  165. <textarea
  166. id="create-custom-measure-description"
  167. name="description"
  168. onChange={[Function]}
  169. value=""
  170. />
  171. </div>
  172. </div>
  173. <footer
  174. className="modal-foot"
  175. >
  176. <DeferredSpinner
  177. className="spacer-right"
  178. loading={false}
  179. />
  180. <SubmitButton
  181. disabled={false}
  182. id="create-custom-measure-submit"
  183. >
  184. confirmButtonText
  185. </SubmitButton>
  186. <ResetButtonLink
  187. disabled={false}
  188. id="create-custom-measure-cancel"
  189. onClick={[Function]}
  190. >
  191. cancel
  192. </ResetButtonLink>
  193. </footer>
  194. </form>
  195. </Modal>
  196. `;