UsersTable.test.tsx.snap 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466
  1. // Jest Snapshot v1, https://goo.gl/fbAQLP
  2. exports[`Render should render component 1`] = `
  3. <Fragment>
  4. <table
  5. className="filter-table form-inline"
  6. >
  7. <thead>
  8. <tr>
  9. <th />
  10. <th>
  11. Login
  12. </th>
  13. <th>
  14. Email
  15. </th>
  16. <th>
  17. Name
  18. </th>
  19. <th>
  20. Seen
  21. </th>
  22. <th>
  23. Role
  24. </th>
  25. <th
  26. style={
  27. Object {
  28. "width": "34px",
  29. }
  30. }
  31. />
  32. </tr>
  33. </thead>
  34. <tbody />
  35. </table>
  36. </Fragment>
  37. `;
  38. exports[`Render should render users table 1`] = `
  39. <Fragment>
  40. <table
  41. className="filter-table form-inline"
  42. >
  43. <thead>
  44. <tr>
  45. <th />
  46. <th>
  47. Login
  48. </th>
  49. <th>
  50. Email
  51. </th>
  52. <th>
  53. Name
  54. </th>
  55. <th>
  56. Seen
  57. </th>
  58. <th>
  59. Role
  60. </th>
  61. <th
  62. style={
  63. Object {
  64. "width": "34px",
  65. }
  66. }
  67. />
  68. </tr>
  69. </thead>
  70. <tbody>
  71. <tr
  72. key="0-0"
  73. >
  74. <td
  75. className="width-2 text-center"
  76. >
  77. <img
  78. alt="User avatar"
  79. className="filter-table__avatar"
  80. src="url/to/avatar"
  81. />
  82. </td>
  83. <td
  84. className="max-width-6"
  85. >
  86. <span
  87. className="ellipsis"
  88. title="user-0"
  89. >
  90. user-0
  91. </span>
  92. </td>
  93. <td
  94. className="max-width-5"
  95. >
  96. <span
  97. className="ellipsis"
  98. title="user-0@test.com"
  99. >
  100. user-0@test.com
  101. </span>
  102. </td>
  103. <td
  104. className="max-width-5"
  105. >
  106. <span
  107. className="ellipsis"
  108. title="user-0 test"
  109. >
  110. user-0 test
  111. </span>
  112. </td>
  113. <td
  114. className="width-1"
  115. />
  116. <td
  117. className="width-8"
  118. >
  119. <OrgRolePicker
  120. aria-label="Role"
  121. disabled={false}
  122. onChange={[Function]}
  123. value="Admin"
  124. />
  125. </td>
  126. <td>
  127. <Button
  128. aria-label="Delete user"
  129. icon="times"
  130. onClick={[Function]}
  131. size="sm"
  132. variant="destructive"
  133. />
  134. </td>
  135. </tr>
  136. <tr
  137. key="1-1"
  138. >
  139. <td
  140. className="width-2 text-center"
  141. >
  142. <img
  143. alt="User avatar"
  144. className="filter-table__avatar"
  145. src="url/to/avatar"
  146. />
  147. </td>
  148. <td
  149. className="max-width-6"
  150. >
  151. <span
  152. className="ellipsis"
  153. title="user-1"
  154. >
  155. user-1
  156. </span>
  157. </td>
  158. <td
  159. className="max-width-5"
  160. >
  161. <span
  162. className="ellipsis"
  163. title="user-1@test.com"
  164. >
  165. user-1@test.com
  166. </span>
  167. </td>
  168. <td
  169. className="max-width-5"
  170. >
  171. <span
  172. className="ellipsis"
  173. title="user-1 test"
  174. >
  175. user-1 test
  176. </span>
  177. </td>
  178. <td
  179. className="width-1"
  180. />
  181. <td
  182. className="width-8"
  183. >
  184. <OrgRolePicker
  185. aria-label="Role"
  186. disabled={false}
  187. onChange={[Function]}
  188. value="Admin"
  189. />
  190. </td>
  191. <td>
  192. <Button
  193. aria-label="Delete user"
  194. icon="times"
  195. onClick={[Function]}
  196. size="sm"
  197. variant="destructive"
  198. />
  199. </td>
  200. </tr>
  201. <tr
  202. key="2-2"
  203. >
  204. <td
  205. className="width-2 text-center"
  206. >
  207. <img
  208. alt="User avatar"
  209. className="filter-table__avatar"
  210. src="url/to/avatar"
  211. />
  212. </td>
  213. <td
  214. className="max-width-6"
  215. >
  216. <span
  217. className="ellipsis"
  218. title="user-2"
  219. >
  220. user-2
  221. </span>
  222. </td>
  223. <td
  224. className="max-width-5"
  225. >
  226. <span
  227. className="ellipsis"
  228. title="user-2@test.com"
  229. >
  230. user-2@test.com
  231. </span>
  232. </td>
  233. <td
  234. className="max-width-5"
  235. >
  236. <span
  237. className="ellipsis"
  238. title="user-2 test"
  239. >
  240. user-2 test
  241. </span>
  242. </td>
  243. <td
  244. className="width-1"
  245. />
  246. <td
  247. className="width-8"
  248. >
  249. <OrgRolePicker
  250. aria-label="Role"
  251. disabled={false}
  252. onChange={[Function]}
  253. value="Admin"
  254. />
  255. </td>
  256. <td>
  257. <Button
  258. aria-label="Delete user"
  259. icon="times"
  260. onClick={[Function]}
  261. size="sm"
  262. variant="destructive"
  263. />
  264. </td>
  265. </tr>
  266. <tr
  267. key="3-3"
  268. >
  269. <td
  270. className="width-2 text-center"
  271. >
  272. <img
  273. alt="User avatar"
  274. className="filter-table__avatar"
  275. src="url/to/avatar"
  276. />
  277. </td>
  278. <td
  279. className="max-width-6"
  280. >
  281. <span
  282. className="ellipsis"
  283. title="user-3"
  284. >
  285. user-3
  286. </span>
  287. </td>
  288. <td
  289. className="max-width-5"
  290. >
  291. <span
  292. className="ellipsis"
  293. title="user-3@test.com"
  294. >
  295. user-3@test.com
  296. </span>
  297. </td>
  298. <td
  299. className="max-width-5"
  300. >
  301. <span
  302. className="ellipsis"
  303. title="user-3 test"
  304. >
  305. user-3 test
  306. </span>
  307. </td>
  308. <td
  309. className="width-1"
  310. />
  311. <td
  312. className="width-8"
  313. >
  314. <OrgRolePicker
  315. aria-label="Role"
  316. disabled={false}
  317. onChange={[Function]}
  318. value="Admin"
  319. />
  320. </td>
  321. <td>
  322. <Button
  323. aria-label="Delete user"
  324. icon="times"
  325. onClick={[Function]}
  326. size="sm"
  327. variant="destructive"
  328. />
  329. </td>
  330. </tr>
  331. <tr
  332. key="4-4"
  333. >
  334. <td
  335. className="width-2 text-center"
  336. >
  337. <img
  338. alt="User avatar"
  339. className="filter-table__avatar"
  340. src="url/to/avatar"
  341. />
  342. </td>
  343. <td
  344. className="max-width-6"
  345. >
  346. <span
  347. className="ellipsis"
  348. title="user-4"
  349. >
  350. user-4
  351. </span>
  352. </td>
  353. <td
  354. className="max-width-5"
  355. >
  356. <span
  357. className="ellipsis"
  358. title="user-4@test.com"
  359. >
  360. user-4@test.com
  361. </span>
  362. </td>
  363. <td
  364. className="max-width-5"
  365. >
  366. <span
  367. className="ellipsis"
  368. title="user-4 test"
  369. >
  370. user-4 test
  371. </span>
  372. </td>
  373. <td
  374. className="width-1"
  375. />
  376. <td
  377. className="width-8"
  378. >
  379. <OrgRolePicker
  380. aria-label="Role"
  381. disabled={false}
  382. onChange={[Function]}
  383. value="Admin"
  384. />
  385. </td>
  386. <td>
  387. <Button
  388. aria-label="Delete user"
  389. icon="times"
  390. onClick={[Function]}
  391. size="sm"
  392. variant="destructive"
  393. />
  394. </td>
  395. </tr>
  396. <tr
  397. key="5-5"
  398. >
  399. <td
  400. className="width-2 text-center"
  401. >
  402. <img
  403. alt="User avatar"
  404. className="filter-table__avatar"
  405. src="url/to/avatar"
  406. />
  407. </td>
  408. <td
  409. className="max-width-6"
  410. >
  411. <span
  412. className="ellipsis"
  413. title="user-5"
  414. >
  415. user-5
  416. </span>
  417. </td>
  418. <td
  419. className="max-width-5"
  420. >
  421. <span
  422. className="ellipsis"
  423. title="user-5@test.com"
  424. >
  425. user-5@test.com
  426. </span>
  427. </td>
  428. <td
  429. className="max-width-5"
  430. >
  431. <span
  432. className="ellipsis"
  433. title="user-5 test"
  434. >
  435. user-5 test
  436. </span>
  437. </td>
  438. <td
  439. className="width-1"
  440. />
  441. <td
  442. className="width-8"
  443. >
  444. <OrgRolePicker
  445. aria-label="Role"
  446. disabled={false}
  447. onChange={[Function]}
  448. value="Admin"
  449. />
  450. </td>
  451. <td>
  452. <Button
  453. aria-label="Delete user"
  454. icon="times"
  455. onClick={[Function]}
  456. size="sm"
  457. variant="destructive"
  458. />
  459. </td>
  460. </tr>
  461. </tbody>
  462. </table>
  463. </Fragment>
  464. `;