issueDiff.spec.jsx.snap 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396
  1. // Jest Snapshot v1, https://goo.gl/fbAQLP
  2. exports[`IssueDiff can diff message 1`] = `
  3. <IssueDiff
  4. api={Client {}}
  5. baseEventId="latest"
  6. baseIssueId="base"
  7. orgId="org-slug"
  8. projectId="project-slug"
  9. targetEventId="latest"
  10. targetIssueId="target"
  11. >
  12. <StyledIssueDiff
  13. loading={false}
  14. >
  15. <div
  16. className="css-1ap3513-StyledIssueDiff e1mqtsvu0"
  17. >
  18. <SplitDiff
  19. base="Foo World"
  20. key="0"
  21. target="Hello World"
  22. type="words"
  23. >
  24. <SplitTable>
  25. <table
  26. className="css-wsqk0b-SplitTable earab4v0"
  27. >
  28. <SplitBody>
  29. <tbody
  30. className="css-19qmpmx-SplitBody earab4v1"
  31. >
  32. <tr
  33. key="0"
  34. >
  35. <Cell
  36. isRemoved={
  37. Object {
  38. "added": undefined,
  39. "count": 1,
  40. "removed": true,
  41. "value": "Foo",
  42. }
  43. }
  44. >
  45. <td
  46. className="css-cpyxzz-Cell earab4v2"
  47. >
  48. <Line>
  49. <div
  50. className="css-bjvbcj-Line earab4v4"
  51. >
  52. <Word
  53. isRemoved={true}
  54. key="0"
  55. >
  56. <span
  57. className="css-1hluz4h-Word earab4v5"
  58. >
  59. Foo
  60. </span>
  61. </Word>
  62. <Word
  63. key="1"
  64. >
  65. <span
  66. className="css-1dmt934-Word earab4v5"
  67. >
  68. World
  69. </span>
  70. </Word>
  71. </div>
  72. </Line>
  73. </td>
  74. </Cell>
  75. <Gap>
  76. <td
  77. className="css-yrby37-Gap earab4v3"
  78. />
  79. </Gap>
  80. <Cell
  81. isAdded={
  82. Object {
  83. "added": true,
  84. "count": 1,
  85. "removed": undefined,
  86. "value": "Hello",
  87. }
  88. }
  89. >
  90. <td
  91. className="css-uc8op2-Cell earab4v2"
  92. >
  93. <Line>
  94. <div
  95. className="css-bjvbcj-Line earab4v4"
  96. >
  97. <Word
  98. isAdded={true}
  99. key="0"
  100. >
  101. <span
  102. className="css-1pqukun-Word earab4v5"
  103. >
  104. Hello
  105. </span>
  106. </Word>
  107. <Word
  108. key="1"
  109. >
  110. <span
  111. className="css-1dmt934-Word earab4v5"
  112. >
  113. World
  114. </span>
  115. </Word>
  116. </div>
  117. </Line>
  118. </td>
  119. </Cell>
  120. </tr>
  121. </tbody>
  122. </SplitBody>
  123. </table>
  124. </SplitTable>
  125. </SplitDiff>
  126. </div>
  127. </StyledIssueDiff>
  128. </IssueDiff>
  129. `;
  130. exports[`IssueDiff can dynamically import SplitDiff 1`] = `
  131. <IssueDiff
  132. api={Client {}}
  133. baseEventId="latest"
  134. baseIssueId="base"
  135. orgId="org-slug"
  136. projectId="project-slug"
  137. targetEventId="latest"
  138. targetIssueId="target"
  139. >
  140. <StyledIssueDiff
  141. loading={false}
  142. >
  143. <div
  144. className="css-1ap3513-StyledIssueDiff e1mqtsvu0"
  145. >
  146. <SplitDiff
  147. base="SyntaxError: Unexpected token else
  148. at ? (/hiventy/kraken-prod/issues/438681831/)"
  149. key="0"
  150. target="SyntaxError: Unexpected token else
  151. File \\"/hiventy/kraken-prod/issues/438681831/\\""
  152. type="words"
  153. >
  154. <SplitTable>
  155. <table
  156. className="css-wsqk0b-SplitTable earab4v0"
  157. >
  158. <SplitBody>
  159. <tbody
  160. className="css-19qmpmx-SplitBody earab4v1"
  161. >
  162. <tr
  163. key="0"
  164. >
  165. <Cell>
  166. <td
  167. className="css-13bglbj-Cell earab4v2"
  168. >
  169. <Line>
  170. <div
  171. className="css-bjvbcj-Line earab4v4"
  172. >
  173. <Word
  174. key="0"
  175. >
  176. <span
  177. className="css-1dmt934-Word earab4v5"
  178. >
  179. SyntaxError: Unexpected token else
  180. </span>
  181. </Word>
  182. </div>
  183. </Line>
  184. </td>
  185. </Cell>
  186. <Gap>
  187. <td
  188. className="css-yrby37-Gap earab4v3"
  189. />
  190. </Gap>
  191. <Cell>
  192. <td
  193. className="css-13bglbj-Cell earab4v2"
  194. >
  195. <Line>
  196. <div
  197. className="css-bjvbcj-Line earab4v4"
  198. >
  199. <Word
  200. key="0"
  201. >
  202. <span
  203. className="css-1dmt934-Word earab4v5"
  204. >
  205. SyntaxError: Unexpected token else
  206. </span>
  207. </Word>
  208. </div>
  209. </Line>
  210. </td>
  211. </Cell>
  212. </tr>
  213. <tr
  214. key="1"
  215. >
  216. <Cell
  217. isRemoved={
  218. Object {
  219. "added": undefined,
  220. "count": 1,
  221. "removed": true,
  222. "value": "at",
  223. }
  224. }
  225. >
  226. <td
  227. className="css-cpyxzz-Cell earab4v2"
  228. >
  229. <Line>
  230. <div
  231. className="css-bjvbcj-Line earab4v4"
  232. >
  233. <Word
  234. key="0"
  235. >
  236. <span
  237. className="css-1dmt934-Word earab4v5"
  238. >
  239. </span>
  240. </Word>
  241. <Word
  242. isRemoved={true}
  243. key="1"
  244. >
  245. <span
  246. className="css-1hluz4h-Word earab4v5"
  247. >
  248. at
  249. </span>
  250. </Word>
  251. <Word
  252. key="2"
  253. >
  254. <span
  255. className="css-1dmt934-Word earab4v5"
  256. >
  257. </span>
  258. </Word>
  259. <Word
  260. isRemoved={true}
  261. key="3"
  262. >
  263. <span
  264. className="css-1hluz4h-Word earab4v5"
  265. >
  266. ? (/
  267. </span>
  268. </Word>
  269. <Word
  270. key="4"
  271. >
  272. <span
  273. className="css-1dmt934-Word earab4v5"
  274. >
  275. hiventy/kraken-prod/issues/438681831
  276. </span>
  277. </Word>
  278. <Word
  279. isRemoved={true}
  280. key="5"
  281. >
  282. <span
  283. className="css-1hluz4h-Word earab4v5"
  284. >
  285. /)
  286. </span>
  287. </Word>
  288. </div>
  289. </Line>
  290. </td>
  291. </Cell>
  292. <Gap>
  293. <td
  294. className="css-yrby37-Gap earab4v3"
  295. />
  296. </Gap>
  297. <Cell
  298. isAdded={
  299. Object {
  300. "added": true,
  301. "count": 1,
  302. "removed": undefined,
  303. "value": "File",
  304. }
  305. }
  306. >
  307. <td
  308. className="css-uc8op2-Cell earab4v2"
  309. >
  310. <Line>
  311. <div
  312. className="css-bjvbcj-Line earab4v4"
  313. >
  314. <Word
  315. key="0"
  316. >
  317. <span
  318. className="css-1dmt934-Word earab4v5"
  319. >
  320. </span>
  321. </Word>
  322. <Word
  323. isAdded={true}
  324. key="1"
  325. >
  326. <span
  327. className="css-1pqukun-Word earab4v5"
  328. >
  329. File
  330. </span>
  331. </Word>
  332. <Word
  333. key="2"
  334. >
  335. <span
  336. className="css-1dmt934-Word earab4v5"
  337. >
  338. </span>
  339. </Word>
  340. <Word
  341. isAdded={true}
  342. key="3"
  343. >
  344. <span
  345. className="css-1pqukun-Word earab4v5"
  346. >
  347. "/
  348. </span>
  349. </Word>
  350. <Word
  351. key="4"
  352. >
  353. <span
  354. className="css-1dmt934-Word earab4v5"
  355. >
  356. hiventy/kraken-prod/issues/438681831
  357. </span>
  358. </Word>
  359. <Word
  360. isAdded={true}
  361. key="5"
  362. >
  363. <span
  364. className="css-1pqukun-Word earab4v5"
  365. >
  366. /"
  367. </span>
  368. </Word>
  369. </div>
  370. </Line>
  371. </td>
  372. </Cell>
  373. </tr>
  374. </tbody>
  375. </SplitBody>
  376. </table>
  377. </SplitTable>
  378. </SplitDiff>
  379. </div>
  380. </StyledIssueDiff>
  381. </IssueDiff>
  382. `;
  383. exports[`IssueDiff is loading when initially rendering 1`] = `
  384. <StyledIssueDiff
  385. loading={true}
  386. >
  387. <LoadingIndicator />
  388. </StyledIssueDiff>
  389. `;