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 3.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  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 modal-container"
  20. >
  21. <MandatoryFieldsExplanation
  22. className="modal-field"
  23. />
  24. <div
  25. className="modal-field"
  26. >
  27. <label
  28. htmlFor="create-metric-key"
  29. >
  30. key
  31. <MandatoryFieldMarker />
  32. </label>
  33. <input
  34. autoFocus={true}
  35. id="create-metric-key"
  36. maxLength={64}
  37. name="key"
  38. onChange={[Function]}
  39. required={true}
  40. type="text"
  41. value=""
  42. />
  43. </div>
  44. <div
  45. className="modal-field"
  46. >
  47. <label
  48. htmlFor="create-metric-name"
  49. >
  50. name
  51. <MandatoryFieldMarker />
  52. </label>
  53. <input
  54. id="create-metric-name"
  55. maxLength={64}
  56. name="name"
  57. onChange={[Function]}
  58. required={true}
  59. type="text"
  60. value=""
  61. />
  62. </div>
  63. <div
  64. className="modal-field"
  65. >
  66. <label
  67. htmlFor="create-metric-description"
  68. >
  69. description
  70. </label>
  71. <textarea
  72. id="create-metric-description"
  73. name="description"
  74. onChange={[Function]}
  75. value=""
  76. />
  77. </div>
  78. <div
  79. className="modal-field"
  80. >
  81. <label
  82. htmlFor="create-metric-domain"
  83. >
  84. custom_metrics.domain
  85. </label>
  86. <Creatable
  87. id="create-metric-domain"
  88. onChange={[Function]}
  89. options={
  90. Array [
  91. Object {
  92. "label": "Coverage",
  93. "value": "Coverage",
  94. },
  95. Object {
  96. "label": "Issues",
  97. "value": "Issues",
  98. },
  99. ]
  100. }
  101. />
  102. </div>
  103. <div
  104. className="modal-field"
  105. >
  106. <label
  107. htmlFor="create-metric-type"
  108. >
  109. type
  110. <MandatoryFieldMarker />
  111. </label>
  112. <Select
  113. clearable={false}
  114. id="create-metric-type"
  115. onChange={[Function]}
  116. options={
  117. Array [
  118. Object {
  119. "label": "metric.type.INT",
  120. "value": "INT",
  121. },
  122. Object {
  123. "label": "metric.type.STRING",
  124. "value": "STRING",
  125. },
  126. ]
  127. }
  128. value="INT"
  129. />
  130. </div>
  131. </div>
  132. <footer
  133. className="modal-foot"
  134. >
  135. <DeferredSpinner
  136. className="spacer-right"
  137. loading={false}
  138. />
  139. <SubmitButton
  140. disabled={false}
  141. id="create-metric-submit"
  142. >
  143. confirmButtonText
  144. </SubmitButton>
  145. <ResetButtonLink
  146. disabled={false}
  147. id="create-metric-cancel"
  148. onClick={[Function]}
  149. >
  150. cancel
  151. </ResetButtonLink>
  152. </footer>
  153. </form>
  154. </Modal>
  155. `;