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.

AlmBindingDefinitionsTable-test.tsx.snap 5.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244
  1. // Jest Snapshot v1, https://goo.gl/fbAQLP
  2. exports[`should render correctly 1`] = `
  3. <Fragment>
  4. <div
  5. className="spacer-top big-spacer-bottom display-flex-space-between"
  6. >
  7. <h2
  8. className="settings-sub-category-name"
  9. >
  10. settings.almintegration.table.title
  11. </h2>
  12. <Button
  13. data-test="settings__alm-create"
  14. onClick={[MockFunction]}
  15. >
  16. settings.almintegration.table.create
  17. </Button>
  18. </div>
  19. <table
  20. className="data zebra fixed spacer-bottom"
  21. >
  22. <thead>
  23. <tr>
  24. <th>
  25. settings.almintegration.table.column.name
  26. </th>
  27. <th
  28. className="action-small text-center"
  29. >
  30. settings.almintegration.table.column.edit
  31. </th>
  32. <th
  33. className="action text-center"
  34. >
  35. settings.almintegration.table.column.delete
  36. </th>
  37. </tr>
  38. </thead>
  39. <tbody>
  40. <tr
  41. data-test="settings__alm-empty-table"
  42. >
  43. <td
  44. colSpan={3}
  45. >
  46. settings.almintegration.table.empty.azure
  47. </td>
  48. </tr>
  49. </tbody>
  50. </table>
  51. </Fragment>
  52. `;
  53. exports[`should render correctly: additional columns 1`] = `
  54. <Fragment>
  55. <div
  56. className="spacer-top big-spacer-bottom display-flex-space-between"
  57. >
  58. <h2
  59. className="settings-sub-category-name"
  60. >
  61. settings.almintegration.table.title
  62. </h2>
  63. <Button
  64. data-test="settings__alm-create"
  65. onClick={[MockFunction]}
  66. >
  67. settings.almintegration.table.create
  68. </Button>
  69. </div>
  70. <table
  71. className="data zebra fixed spacer-bottom"
  72. >
  73. <thead>
  74. <tr>
  75. <th>
  76. settings.almintegration.table.column.name
  77. </th>
  78. <th
  79. key="additional1"
  80. >
  81. additional1
  82. </th>
  83. <th
  84. key="additional2"
  85. >
  86. additional2
  87. </th>
  88. <th
  89. className="action-small text-center"
  90. >
  91. settings.almintegration.table.column.edit
  92. </th>
  93. <th
  94. className="action text-center"
  95. >
  96. settings.almintegration.table.column.delete
  97. </th>
  98. </tr>
  99. </thead>
  100. <tbody>
  101. <tr
  102. data-test="settings__alm-table-row"
  103. key="definition1"
  104. >
  105. <td
  106. className="nowrap hide-overflow"
  107. title="definition1"
  108. >
  109. definition1
  110. </td>
  111. <td
  112. className="nowrap hide-overflow"
  113. key="def1-v1"
  114. title="def1-v1"
  115. >
  116. def1-v1
  117. </td>
  118. <td
  119. className="nowrap hide-overflow"
  120. key="def1-v2"
  121. title="def1-v2"
  122. >
  123. def1-v2
  124. </td>
  125. <td
  126. className="text-center"
  127. data-test="settings__alm-table-row-edit"
  128. >
  129. <ButtonIcon
  130. onClick={[Function]}
  131. >
  132. <EditIcon />
  133. </ButtonIcon>
  134. </td>
  135. <td
  136. className="text-center"
  137. data-test="settings__alm-table-row-delete"
  138. >
  139. <DeleteButton
  140. onClick={[Function]}
  141. />
  142. </td>
  143. </tr>
  144. <tr
  145. data-test="settings__alm-table-row"
  146. key="definition2"
  147. >
  148. <td
  149. className="nowrap hide-overflow"
  150. title="definition2"
  151. >
  152. definition2
  153. </td>
  154. <td
  155. className="nowrap hide-overflow"
  156. key="def2-v1"
  157. title="def2-v1"
  158. >
  159. def2-v1
  160. </td>
  161. <td
  162. className="nowrap hide-overflow"
  163. key="def2-v2"
  164. title="def2-v2"
  165. >
  166. def2-v2
  167. </td>
  168. <td
  169. className="text-center"
  170. data-test="settings__alm-table-row-edit"
  171. >
  172. <ButtonIcon
  173. onClick={[Function]}
  174. >
  175. <EditIcon />
  176. </ButtonIcon>
  177. </td>
  178. <td
  179. className="text-center"
  180. data-test="settings__alm-table-row-delete"
  181. >
  182. <DeleteButton
  183. onClick={[Function]}
  184. />
  185. </td>
  186. </tr>
  187. </tbody>
  188. </table>
  189. </Fragment>
  190. `;
  191. exports[`should render correctly: title adjusts for GitLab 1`] = `
  192. <Fragment>
  193. <div
  194. className="spacer-top big-spacer-bottom display-flex-space-between"
  195. >
  196. <h2
  197. className="settings-sub-category-name"
  198. >
  199. settings.almintegration.table.title
  200. </h2>
  201. <Button
  202. data-test="settings__alm-create"
  203. onClick={[MockFunction]}
  204. >
  205. settings.almintegration.table.create
  206. </Button>
  207. </div>
  208. <table
  209. className="data zebra fixed spacer-bottom"
  210. >
  211. <thead>
  212. <tr>
  213. <th>
  214. settings.almintegration.table.column.name
  215. </th>
  216. <th
  217. className="action-small text-center"
  218. >
  219. settings.almintegration.table.column.edit
  220. </th>
  221. <th
  222. className="action text-center"
  223. >
  224. settings.almintegration.table.column.delete
  225. </th>
  226. </tr>
  227. </thead>
  228. <tbody>
  229. <tr
  230. data-test="settings__alm-empty-table"
  231. >
  232. <td
  233. colSpan={3}
  234. >
  235. settings.almintegration.table.empty.gitlab
  236. </td>
  237. </tr>
  238. </tbody>
  239. </table>
  240. </Fragment>
  241. `;