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.

HotspotActionsFormRenderer-test.tsx.snap 11KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554
  1. // Jest Snapshot v1, https://goo.gl/fbAQLP
  2. exports[`should render correctly 1`] = `
  3. <form
  4. className="abs-width-400 padded"
  5. onSubmit={[MockFunction]}
  6. >
  7. <h2>
  8. hotspots.form.title
  9. </h2>
  10. <div
  11. className="display-flex-column big-spacer-bottom"
  12. >
  13. <div
  14. className="big-spacer-top"
  15. >
  16. <Radio
  17. checked={true}
  18. className=""
  19. onCheck={[MockFunction]}
  20. value="FIXED"
  21. >
  22. <h3
  23. className=""
  24. >
  25. hotspots.status_option.FIXED
  26. </h3>
  27. </Radio>
  28. <div
  29. className="radio-button-description"
  30. >
  31. hotspots.status_option.FIXED.description
  32. </div>
  33. </div>
  34. <div
  35. className="big-spacer-top"
  36. >
  37. <Radio
  38. checked={false}
  39. className=""
  40. onCheck={[MockFunction]}
  41. value="SAFE"
  42. >
  43. <h3
  44. className=""
  45. >
  46. hotspots.status_option.SAFE
  47. </h3>
  48. </Radio>
  49. <div
  50. className="radio-button-description"
  51. >
  52. hotspots.status_option.SAFE.description
  53. </div>
  54. </div>
  55. <div
  56. className="big-spacer-top"
  57. >
  58. <Radio
  59. checked={false}
  60. className=""
  61. onCheck={[MockFunction]}
  62. value="ADDITIONAL_REVIEW"
  63. >
  64. <h3
  65. className=""
  66. >
  67. hotspots.status_option.ADDITIONAL_REVIEW
  68. </h3>
  69. </Radio>
  70. <div
  71. className="radio-button-description"
  72. >
  73. hotspots.status_option.ADDITIONAL_REVIEW.description
  74. </div>
  75. </div>
  76. </div>
  77. <div
  78. className="display-flex-column big-spacer-bottom"
  79. >
  80. <label
  81. className="little-spacer-bottom"
  82. >
  83. hotspots.form.comment
  84. </label>
  85. <textarea
  86. autoFocus={true}
  87. className="form-field fixed-width spacer-bottom"
  88. onChange={[Function]}
  89. placeholder=""
  90. rows={6}
  91. value="written comment"
  92. />
  93. <MarkdownTips />
  94. </div>
  95. <div
  96. className="text-right"
  97. >
  98. <SubmitButton
  99. disabled={false}
  100. >
  101. hotspots.form.submit.REVIEWED
  102. </SubmitButton>
  103. </div>
  104. </form>
  105. `;
  106. exports[`should render correctly: Submitting 1`] = `
  107. <form
  108. className="abs-width-400 padded"
  109. onSubmit={[MockFunction]}
  110. >
  111. <h2>
  112. hotspots.form.title
  113. </h2>
  114. <div
  115. className="display-flex-column big-spacer-bottom"
  116. >
  117. <div
  118. className="big-spacer-top"
  119. >
  120. <Radio
  121. checked={true}
  122. className=""
  123. onCheck={[MockFunction]}
  124. value="FIXED"
  125. >
  126. <h3
  127. className=""
  128. >
  129. hotspots.status_option.FIXED
  130. </h3>
  131. </Radio>
  132. <div
  133. className="radio-button-description"
  134. >
  135. hotspots.status_option.FIXED.description
  136. </div>
  137. </div>
  138. <div
  139. className="big-spacer-top"
  140. >
  141. <Radio
  142. checked={false}
  143. className=""
  144. onCheck={[MockFunction]}
  145. value="SAFE"
  146. >
  147. <h3
  148. className=""
  149. >
  150. hotspots.status_option.SAFE
  151. </h3>
  152. </Radio>
  153. <div
  154. className="radio-button-description"
  155. >
  156. hotspots.status_option.SAFE.description
  157. </div>
  158. </div>
  159. <div
  160. className="big-spacer-top"
  161. >
  162. <Radio
  163. checked={false}
  164. className=""
  165. onCheck={[MockFunction]}
  166. value="ADDITIONAL_REVIEW"
  167. >
  168. <h3
  169. className=""
  170. >
  171. hotspots.status_option.ADDITIONAL_REVIEW
  172. </h3>
  173. </Radio>
  174. <div
  175. className="radio-button-description"
  176. >
  177. hotspots.status_option.ADDITIONAL_REVIEW.description
  178. </div>
  179. </div>
  180. </div>
  181. <div
  182. className="display-flex-column big-spacer-bottom"
  183. >
  184. <label
  185. className="little-spacer-bottom"
  186. >
  187. hotspots.form.comment
  188. </label>
  189. <textarea
  190. autoFocus={true}
  191. className="form-field fixed-width spacer-bottom"
  192. onChange={[Function]}
  193. placeholder=""
  194. rows={6}
  195. value="written comment"
  196. />
  197. <MarkdownTips />
  198. </div>
  199. <div
  200. className="text-right"
  201. >
  202. <i
  203. className="spinner spacer-right"
  204. />
  205. <SubmitButton
  206. disabled={true}
  207. >
  208. hotspots.form.submit.REVIEWED
  209. </SubmitButton>
  210. </div>
  211. </form>
  212. `;
  213. exports[`should render correctly: restricted access 1`] = `
  214. <form
  215. className="abs-width-400 padded"
  216. onSubmit={[MockFunction]}
  217. >
  218. <h2>
  219. hotspots.form.title.disabled
  220. </h2>
  221. <div
  222. className="display-flex-column big-spacer-bottom"
  223. >
  224. <Tooltip
  225. overlay="hotspots.form.cannot_change_status"
  226. placement="left"
  227. >
  228. <div
  229. className="big-spacer-top"
  230. >
  231. <Radio
  232. checked={true}
  233. className="disabled"
  234. onCheck={[Function]}
  235. value="FIXED"
  236. >
  237. <h3
  238. className="text-muted"
  239. >
  240. hotspots.status_option.FIXED
  241. </h3>
  242. </Radio>
  243. <div
  244. className="radio-button-description text-muted"
  245. >
  246. hotspots.status_option.FIXED.description
  247. </div>
  248. </div>
  249. </Tooltip>
  250. <Tooltip
  251. overlay="hotspots.form.cannot_change_status"
  252. placement="left"
  253. >
  254. <div
  255. className="big-spacer-top"
  256. >
  257. <Radio
  258. checked={false}
  259. className="disabled"
  260. onCheck={[Function]}
  261. value="SAFE"
  262. >
  263. <h3
  264. className="text-muted"
  265. >
  266. hotspots.status_option.SAFE
  267. </h3>
  268. </Radio>
  269. <div
  270. className="radio-button-description text-muted"
  271. >
  272. hotspots.status_option.SAFE.description
  273. </div>
  274. </div>
  275. </Tooltip>
  276. <Tooltip
  277. overlay="hotspots.form.cannot_change_status"
  278. placement="left"
  279. >
  280. <div
  281. className="big-spacer-top"
  282. >
  283. <Radio
  284. checked={false}
  285. className="disabled"
  286. onCheck={[Function]}
  287. value="ADDITIONAL_REVIEW"
  288. >
  289. <h3
  290. className="text-muted"
  291. >
  292. hotspots.status_option.ADDITIONAL_REVIEW
  293. </h3>
  294. </Radio>
  295. <div
  296. className="radio-button-description text-muted"
  297. >
  298. hotspots.status_option.ADDITIONAL_REVIEW.description
  299. </div>
  300. </div>
  301. </Tooltip>
  302. </div>
  303. <div
  304. className="display-flex-column big-spacer-bottom"
  305. >
  306. <label
  307. className="little-spacer-bottom"
  308. >
  309. hotspots.form.comment
  310. </label>
  311. <textarea
  312. autoFocus={true}
  313. className="form-field fixed-width spacer-bottom"
  314. onChange={[Function]}
  315. placeholder=""
  316. rows={6}
  317. value="written comment"
  318. />
  319. <MarkdownTips />
  320. </div>
  321. <div
  322. className="text-right"
  323. >
  324. <SubmitButton
  325. disabled={false}
  326. >
  327. hotspots.form.submit.REVIEWED
  328. </SubmitButton>
  329. </div>
  330. </form>
  331. `;
  332. exports[`should render correctly: safe option selected 1`] = `
  333. <form
  334. className="abs-width-400 padded"
  335. onSubmit={[MockFunction]}
  336. >
  337. <h2>
  338. hotspots.form.title
  339. </h2>
  340. <div
  341. className="display-flex-column big-spacer-bottom"
  342. >
  343. <div
  344. className="big-spacer-top"
  345. >
  346. <Radio
  347. checked={false}
  348. className=""
  349. onCheck={[MockFunction]}
  350. value="FIXED"
  351. >
  352. <h3
  353. className=""
  354. >
  355. hotspots.status_option.FIXED
  356. </h3>
  357. </Radio>
  358. <div
  359. className="radio-button-description"
  360. >
  361. hotspots.status_option.FIXED.description
  362. </div>
  363. </div>
  364. <div
  365. className="big-spacer-top"
  366. >
  367. <Radio
  368. checked={true}
  369. className=""
  370. onCheck={[MockFunction]}
  371. value="SAFE"
  372. >
  373. <h3
  374. className=""
  375. >
  376. hotspots.status_option.SAFE
  377. </h3>
  378. </Radio>
  379. <div
  380. className="radio-button-description"
  381. >
  382. hotspots.status_option.SAFE.description
  383. </div>
  384. </div>
  385. <div
  386. className="big-spacer-top"
  387. >
  388. <Radio
  389. checked={false}
  390. className=""
  391. onCheck={[MockFunction]}
  392. value="ADDITIONAL_REVIEW"
  393. >
  394. <h3
  395. className=""
  396. >
  397. hotspots.status_option.ADDITIONAL_REVIEW
  398. </h3>
  399. </Radio>
  400. <div
  401. className="radio-button-description"
  402. >
  403. hotspots.status_option.ADDITIONAL_REVIEW.description
  404. </div>
  405. </div>
  406. </div>
  407. <div
  408. className="display-flex-column big-spacer-bottom"
  409. >
  410. <label
  411. className="little-spacer-bottom"
  412. >
  413. hotspots.form.comment
  414. </label>
  415. <textarea
  416. autoFocus={true}
  417. className="form-field fixed-width spacer-bottom"
  418. onChange={[Function]}
  419. placeholder="hotspots.form.comment.placeholder"
  420. rows={6}
  421. value="written comment"
  422. />
  423. <MarkdownTips />
  424. </div>
  425. <div
  426. className="text-right"
  427. >
  428. <SubmitButton
  429. disabled={false}
  430. >
  431. hotspots.form.submit.REVIEWED
  432. </SubmitButton>
  433. </div>
  434. </form>
  435. `;
  436. exports[`should render correctly: user selected 1`] = `
  437. <form
  438. className="abs-width-400 padded"
  439. onSubmit={[MockFunction]}
  440. >
  441. <h2>
  442. hotspots.form.title
  443. </h2>
  444. <div
  445. className="display-flex-column big-spacer-bottom"
  446. >
  447. <div
  448. className="big-spacer-top"
  449. >
  450. <Radio
  451. checked={false}
  452. className=""
  453. onCheck={[MockFunction]}
  454. value="FIXED"
  455. >
  456. <h3
  457. className=""
  458. >
  459. hotspots.status_option.FIXED
  460. </h3>
  461. </Radio>
  462. <div
  463. className="radio-button-description"
  464. >
  465. hotspots.status_option.FIXED.description
  466. </div>
  467. </div>
  468. <div
  469. className="big-spacer-top"
  470. >
  471. <Radio
  472. checked={false}
  473. className=""
  474. onCheck={[MockFunction]}
  475. value="SAFE"
  476. >
  477. <h3
  478. className=""
  479. >
  480. hotspots.status_option.SAFE
  481. </h3>
  482. </Radio>
  483. <div
  484. className="radio-button-description"
  485. >
  486. hotspots.status_option.SAFE.description
  487. </div>
  488. </div>
  489. <div
  490. className="big-spacer-top"
  491. >
  492. <Radio
  493. checked={true}
  494. className=""
  495. onCheck={[MockFunction]}
  496. value="ADDITIONAL_REVIEW"
  497. >
  498. <h3
  499. className=""
  500. >
  501. hotspots.status_option.ADDITIONAL_REVIEW
  502. </h3>
  503. </Radio>
  504. <div
  505. className="radio-button-description"
  506. >
  507. hotspots.status_option.ADDITIONAL_REVIEW.description
  508. </div>
  509. </div>
  510. </div>
  511. <div
  512. className="form-field huge-spacer-left"
  513. >
  514. <label>
  515. hotspots.form.assign_to
  516. </label>
  517. <HotspotAssigneeSelect
  518. onSelect={[MockFunction]}
  519. />
  520. </div>
  521. <div
  522. className="display-flex-column big-spacer-bottom"
  523. >
  524. <label
  525. className="little-spacer-bottom"
  526. >
  527. hotspots.form.comment
  528. </label>
  529. <textarea
  530. autoFocus={true}
  531. className="form-field fixed-width spacer-bottom"
  532. onChange={[Function]}
  533. placeholder=""
  534. rows={6}
  535. value="written comment"
  536. />
  537. <MarkdownTips />
  538. </div>
  539. <div
  540. className="text-right"
  541. >
  542. <SubmitButton
  543. disabled={false}
  544. >
  545. hotspots.form.submit.REVIEWED
  546. </SubmitButton>
  547. </div>
  548. </form>
  549. `;