Jumbotrons.spec.js.snap 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218
  1. // Jest Snapshot v1, https://goo.gl/fbAQLP
  2. exports[`Jumbotrons.vue renders correctly 1`] = `
  3. <div>
  4. <crow-stub
  5. gutters="true"
  6. tag="div"
  7. >
  8. <ccol-stub
  9. tag="div"
  10. >
  11. <ccard-stub>
  12. <ccardheader-stub>
  13. <cicon-stub
  14. name="cil-justify-center"
  15. />
  16. <strong>
  17. Bootstrap Jumbotron
  18. </strong>
  19. <div
  20. class="card-header-actions"
  21. >
  22. <a
  23. class="card-header-action"
  24. href="https://coreui.io/vue/docs/components/jumbotron"
  25. rel="noreferrer noopener"
  26. target="_blank"
  27. >
  28. <small
  29. class="text-muted"
  30. >
  31. docs
  32. </small>
  33. </a>
  34. </div>
  35. </ccardheader-stub>
  36. <ccardbody-stub>
  37. <cjumbotron-stub
  38. tag="div"
  39. >
  40. <h1
  41. class="display-3"
  42. >
  43. Bootstrap 4
  44. </h1>
  45. <p
  46. class="lead"
  47. >
  48. Bootstrap 4 Components for Vue.js 2.6+
  49. </p>
  50. <p>
  51. For more information visit website
  52. </p>
  53. <cbutton-stub
  54. activeclass="router-link-active"
  55. color="primary"
  56. event="click"
  57. exactactiveclass="router-link-exact-active"
  58. href="#"
  59. routertag="a"
  60. target="_self"
  61. type="button"
  62. >
  63. More Info
  64. </cbutton-stub>
  65. </cjumbotron-stub>
  66. </ccardbody-stub>
  67. </ccard-stub>
  68. </ccol-stub>
  69. <ccol-stub
  70. tag="div"
  71. >
  72. <ccard-stub>
  73. <ccardheader-stub>
  74. <cicon-stub
  75. name="cil-justify-center"
  76. />
  77. <strong>
  78. Jumbotron
  79. </strong>
  80. <small>
  81. with slots
  82. </small>
  83. </ccardheader-stub>
  84. <ccardbody-stub>
  85. <cjumbotron-stub
  86. header="Bootstrap 4"
  87. lead=""
  88. tag="div"
  89. >
  90. <h1
  91. class="display-3"
  92. >
  93. Bootstrap 4
  94. </h1>
  95. <p
  96. class="lead"
  97. >
  98. This is a simple hero unit, a simple jumbotron-style component for
  99. calling extra attention to featured content or information.
  100. </p>
  101. <hr
  102. class="my-4"
  103. />
  104. <p>
  105. It uses utility classes for typography and spacing to space content
  106. out within the larger container.
  107. </p>
  108. <cbutton-stub
  109. activeclass="router-link-active"
  110. color="primary"
  111. event="click"
  112. exactactiveclass="router-link-exact-active"
  113. href="#"
  114. routertag="a"
  115. target="_self"
  116. type="button"
  117. >
  118. Do Something
  119. </cbutton-stub>
  120. <cbutton-stub
  121. activeclass="router-link-active"
  122. color="success"
  123. event="click"
  124. exactactiveclass="router-link-exact-active"
  125. href="#"
  126. routertag="a"
  127. target="_self"
  128. type="button"
  129. >
  130. Do Something Else
  131. </cbutton-stub>
  132. </cjumbotron-stub>
  133. </ccardbody-stub>
  134. </ccard-stub>
  135. </ccol-stub>
  136. </crow-stub>
  137. <crow-stub
  138. gutters="true"
  139. tag="div"
  140. >
  141. <ccol-stub
  142. tag="div"
  143. >
  144. <ccard-stub>
  145. <ccardheader-stub>
  146. <cicon-stub
  147. name="cil-justify-center"
  148. />
  149. <strong>
  150. Jumbotron
  151. </strong>
  152. <small>
  153. colors
  154. </small>
  155. </ccardheader-stub>
  156. <ccardbody-stub>
  157. <cjumbotron-stub
  158. bordercolor="dark"
  159. color="info"
  160. tag="div"
  161. textcolor="white"
  162. >
  163. <h1
  164. class="display-3"
  165. >
  166. Bootstrap 4
  167. </h1>
  168. <p
  169. class="lead"
  170. >
  171. This is a simple hero unit, a simple jumbotron-style component for
  172. calling extra attention to featured content or information.
  173. </p>
  174. <hr
  175. class="my-4"
  176. />
  177. <p>
  178. It uses utility classes for typography and spacing to space content
  179. out within the larger container.
  180. </p>
  181. </cjumbotron-stub>
  182. </ccardbody-stub>
  183. </ccard-stub>
  184. </ccol-stub>
  185. </crow-stub>
  186. </div>
  187. `;