ClickToCopy.test.js.snap 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  1. // Jest Snapshot v1, https://goo.gl/fbAQLP
  2. exports[`ClickToCopy renders children 1`] = `
  3. <div
  4. className="container"
  5. >
  6. <span
  7. className="underlined"
  8. onClick={[Function]}
  9. onFocus={[Function]}
  10. onKeyDown={[Function]}
  11. onMouseOver={[Function]}
  12. role="button"
  13. tabIndex="0"
  14. >
  15. <span>
  16. other text
  17. </span>
  18. </span>
  19. <span
  20. className="tooltip"
  21. >
  22. Click to Copy
  23. </span>
  24. <textarea
  25. className="invisible"
  26. readOnly={true}
  27. value="test-text"
  28. />
  29. </div>
  30. `;
  31. exports[`ClickToCopy renders without crashing 1`] = `
  32. <div
  33. className="container"
  34. >
  35. <span
  36. className="underlined"
  37. onClick={[Function]}
  38. onFocus={[Function]}
  39. onKeyDown={[Function]}
  40. onMouseOver={[Function]}
  41. role="button"
  42. tabIndex="0"
  43. >
  44. test-text
  45. </span>
  46. <span
  47. className="tooltip"
  48. >
  49. Click to Copy
  50. </span>
  51. <textarea
  52. className="invisible"
  53. readOnly={true}
  54. value="test-text"
  55. />
  56. </div>
  57. `;
  58. exports[`ClickToCopy shows tooltip when hovered 1`] = `
  59. <ClickToCopy
  60. text="test-text"
  61. >
  62. <div
  63. className="container"
  64. >
  65. <span
  66. className="underlined"
  67. onClick={[Function]}
  68. onFocus={[Function]}
  69. onKeyDown={[Function]}
  70. onMouseOver={[Function]}
  71. role="button"
  72. tabIndex="0"
  73. >
  74. test-text
  75. </span>
  76. <span
  77. className="tooltip"
  78. >
  79. Click to Copy
  80. </span>
  81. <textarea
  82. className="invisible"
  83. readOnly={true}
  84. value="test-text"
  85. />
  86. </div>
  87. </ClickToCopy>
  88. `;
  89. exports[`ClickToCopy shows tooltip when hovered 2`] = `
  90. <ClickToCopy
  91. text="test-text"
  92. >
  93. <div
  94. className="container"
  95. >
  96. <span
  97. className="underlined"
  98. onClick={[Function]}
  99. onFocus={[Function]}
  100. onKeyDown={[Function]}
  101. onMouseOver={[Function]}
  102. role="button"
  103. tabIndex="0"
  104. >
  105. test-text
  106. </span>
  107. <span
  108. className="tooltip"
  109. >
  110. Copied!
  111. </span>
  112. <textarea
  113. className="invisible"
  114. readOnly={true}
  115. value="test-text"
  116. />
  117. </div>
  118. </ClickToCopy>
  119. `;
  120. exports[`ClickToCopy uses children if no text provided 1`] = `
  121. <div
  122. className="container"
  123. >
  124. <span
  125. className="underlined"
  126. onClick={[Function]}
  127. onFocus={[Function]}
  128. onKeyDown={[Function]}
  129. onMouseOver={[Function]}
  130. role="button"
  131. tabIndex="0"
  132. >
  133. <span>
  134. other text
  135. </span>
  136. </span>
  137. <span
  138. className="tooltip"
  139. >
  140. Click to Copy
  141. </span>
  142. <textarea
  143. className="invisible"
  144. readOnly={true}
  145. value={
  146. <span>
  147. other text
  148. </span>
  149. }
  150. />
  151. </div>
  152. `;