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.

DocumentationTooltip-test.tsx.snap 2.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. // Jest Snapshot v1, https://goo.gl/fbAQLP
  2. exports[`renders correctly: basic 1`] = `
  3. <HelpTooltip
  4. overlay={
  5. <div
  6. className="big-padded-top big-padded-bottom"
  7. >
  8. <div
  9. className="spacer-bottom"
  10. >
  11. <strong>
  12. title
  13. </strong>
  14. </div>
  15. <p>
  16. content
  17. </p>
  18. </div>
  19. }
  20. />
  21. `;
  22. exports[`renders correctly: no content 1`] = `
  23. <HelpTooltip
  24. overlay={
  25. <div
  26. className="big-padded-top big-padded-bottom"
  27. >
  28. <div
  29. className="spacer-bottom"
  30. >
  31. <strong>
  32. title
  33. </strong>
  34. </div>
  35. </div>
  36. }
  37. />
  38. `;
  39. exports[`renders correctly: no title 1`] = `
  40. <HelpTooltip
  41. overlay={
  42. <div
  43. className="big-padded-top big-padded-bottom"
  44. >
  45. <p>
  46. content
  47. </p>
  48. </div>
  49. }
  50. />
  51. `;
  52. exports[`renders correctly: with links 1`] = `
  53. <HelpTooltip
  54. overlay={
  55. <div
  56. className="big-padded-top big-padded-bottom"
  57. >
  58. <div
  59. className="spacer-bottom"
  60. >
  61. <strong>
  62. title
  63. </strong>
  64. </div>
  65. <p>
  66. content
  67. </p>
  68. <React.Fragment>
  69. <hr
  70. className="big-spacer-top big-spacer-bottom"
  71. />
  72. <div
  73. className="little-spacer-bottom"
  74. >
  75. <Link
  76. className="display-inline-flex-center link-with-icon"
  77. onlyActiveOnIndex={false}
  78. rel="noopener noreferrer"
  79. style={Object {}}
  80. target="_blank"
  81. to="http://link.tosome.place"
  82. >
  83. <DetachIcon
  84. className="spacer-right"
  85. size={14}
  86. />
  87. <span>
  88. external link
  89. </span>
  90. </Link>
  91. </div>
  92. <div
  93. className="little-spacer-bottom"
  94. >
  95. <Link
  96. className="display-inline-flex-center link-with-icon"
  97. onlyActiveOnIndex={false}
  98. rel="noopener noreferrer"
  99. style={Object {}}
  100. target="_blank"
  101. to="/documentation/guide"
  102. >
  103. <span>
  104. internal link
  105. </span>
  106. </Link>
  107. </div>
  108. <div
  109. className="little-spacer-bottom"
  110. >
  111. <Link
  112. onlyActiveOnIndex={false}
  113. style={Object {}}
  114. to="/projects"
  115. >
  116. <span>
  117. in place
  118. </span>
  119. </Link>
  120. </div>
  121. </React.Fragment>
  122. </div>
  123. }
  124. />
  125. `;