github.com/pyroscope-io/pyroscope@v0.37.3-0.20230725203016-5f6947968bd0/packages/pyroscope-flamegraph/src/__snapshots__/Toolbar.spec.tsx.snap (about) 1 // Jest Snapshot v1, https://goo.gl/fbAQLP 2 3 exports[`ProfileHeader should render toolbar correctly 1`] = ` 4 <DocumentFragment> 5 <div 6 role="toolbar" 7 > 8 <div 9 class="navbar" 10 > 11 <div> 12 <div 13 class="wrapper" 14 style="width: 175px;" 15 > 16 <input 17 class="input search " 18 data-testid="flamegraph-search" 19 name="flamegraph-search" 20 placeholder="Search…" 21 type="search" 22 value="" 23 /> 24 </div> 25 </div> 26 <div> 27 <div 28 class="itemsContainer" 29 > 30 <div 31 class="item" 32 style="width: 93px;" 33 > 34 <button 35 aria-label="Head first" 36 class="button default fitModeButton selected noIcon" 37 data-mui-internal-clone-element="true" 38 type="button" 39 > 40 <svg 41 viewBox="0 0 64 64" 42 xmlns="http://www.w3.org/2000/svg" 43 > 44 <g 45 id="ab_shape" 46 > 47 <g> 48 <path 49 d="M16.71,41l-.42-2.45h-.16c-1.63,1.95-4.06,2.95-6.91,2.95-4.8,0-7.86-3.45-7.86-7.45,0-6.4,6.01-9.3,14.13-9.3v-.4c0-1.5-.84-3.2-4.38-3.2-2.48,0-4.9,.75-6.54,1.7l-1.42-4.75c1.69-.9,5.01-2.1,9.44-2.1,8.33,0,10.65,4.95,10.65,10.45v8.7c0,2.25,.11,4.4,.37,5.85h-6.91Zm-.95-11.7c-3.64,0-6.91,.9-6.91,4,0,2.1,1.37,3,3,3s3.22-1.05,3.74-2.6c.11-.35,.16-.8,.16-1.2v-3.2Z" 50 /> 51 <path 52 d="M29.36,41c.11-1.79,.21-4.62,.21-7.25V6h7.7v13.46h.11c1.42-1.99,3.8-3.28,7.06-3.28,5.85,0,9.7,5.01,9.65,12.16,0,8.69-5.22,13.16-10.81,13.16-2.74,0-5.22-.99-6.91-3.72h-.11l-.37,3.23h-6.54Zm7.91-9.83c0,.55,.05,.99,.16,1.39,.58,1.94,2.16,3.18,4.01,3.18,3.11,0,4.9-2.53,4.9-7,0-3.92-1.58-6.8-4.9-6.8-1.85,0-3.53,1.39-3.95,3.28-.16,.4-.21,.94-.21,1.44v4.52Z" 53 /> 54 </g> 55 </g> 56 <g 57 id="arrows" 58 > 59 <polygon 60 points="62 54 52 45 52 51 35 51 35 57 52 57 52 63 62 54" 61 /> 62 </g> 63 </svg> 64 </button> 65 <button 66 aria-label="Tail first" 67 class="button default fitModeButton noIcon" 68 data-mui-internal-clone-element="true" 69 type="button" 70 > 71 <svg 72 viewBox="0 0 64 64" 73 xmlns="http://www.w3.org/2000/svg" 74 > 75 <g 76 id="yz_shape" 77 > 78 <g> 79 <path 80 d="M22.75,13l3.43,12.39c.42,1.47,.84,3.2,1.16,4.52h.11c.32-1.32,.69-3.05,1-4.47l2.9-12.44h8.01l-5.8,17.16c-2.95,8.33-5.17,12.54-8.07,15.23-2.58,2.39-5.43,3.3-7.17,3.55l-1.85-6.3c1.11-.25,2.32-.76,3.48-1.52,1.16-.71,2.32-1.88,2.95-3.05,.26-.41,.42-.76,.42-1.12,0-.31-.05-.66-.26-1.17L14.32,13h8.43Z" 81 /> 82 <path 83 d="M41.62,33.46l7.59-10.16c1.27-1.57,2.37-2.95,3.58-4.27v-.15h-10.33v-5.89h19.45l-.05,4.57-7.28,9.8c-1.21,1.57-2.48,3.15-3.69,4.42v.1h11.33v5.94h-20.61v-4.37Z" 84 /> 85 </g> 86 </g> 87 <g 88 id="arrows" 89 > 90 <polygon 91 points="12 51 12 45 2 54 12 63 12 57 29 57 29 51 12 51" 92 /> 93 </g> 94 </svg> 95 </button> 96 <div 97 class="divider" 98 /> 99 </div> 100 <div 101 class="item" 102 style="width: 44px;" 103 > 104 <span 105 aria-label="Reset View" 106 class="" 107 data-mui-internal-clone-element="true" 108 > 109 <button 110 aria-label="Reset View" 111 class="button default resetViewButton noIcon" 112 disabled="" 113 id="reset" 114 type="button" 115 > 116 <svg 117 aria-hidden="true" 118 class="svg-inline--fa fa-undo fa-w-16 " 119 data-icon="undo" 120 data-prefix="fas" 121 focusable="false" 122 role="img" 123 viewBox="0 0 512 512" 124 xmlns="http://www.w3.org/2000/svg" 125 > 126 <path 127 d="M212.333 224.333H12c-6.627 0-12-5.373-12-12V12C0 5.373 5.373 0 12 0h48c6.627 0 12 5.373 12 12v78.112C117.773 39.279 184.26 7.47 258.175 8.007c136.906.994 246.448 111.623 246.157 248.532C504.041 393.258 393.12 504 256.333 504c-64.089 0-122.496-24.313-166.51-64.215-5.099-4.622-5.334-12.554-.467-17.42l33.967-33.967c4.474-4.474 11.662-4.717 16.401-.525C170.76 415.336 211.58 432 256.333 432c97.268 0 176-78.716 176-176 0-97.267-78.716-176-176-176-58.496 0-110.28 28.476-142.274 72.333h98.274c6.627 0 12 5.373 12 12v48c0 6.627-5.373 12-12 12z" 128 fill="currentColor" 129 /> 130 </svg> 131 </button> 132 </span> 133 </div> 134 <div 135 class="item" 136 style="width: 49px;" 137 > 138 <div 139 aria-label="Collapse nodes above" 140 class="" 141 data-mui-internal-clone-element="true" 142 > 143 <button 144 aria-label="Collapse nodes above" 145 class="button default collapseNodeButton noIcon" 146 disabled="" 147 type="button" 148 > 149 <svg 150 aria-hidden="true" 151 class="svg-inline--fa fa-compress-alt fa-w-14 " 152 data-icon="compress-alt" 153 data-prefix="fas" 154 focusable="false" 155 role="img" 156 viewBox="0 0 448 512" 157 xmlns="http://www.w3.org/2000/svg" 158 > 159 <path 160 d="M4.686 427.314L104 328l-32.922-31.029C55.958 281.851 66.666 256 88.048 256h112C213.303 256 224 266.745 224 280v112c0 21.382-25.803 32.09-40.922 16.971L152 376l-99.314 99.314c-6.248 6.248-16.379 6.248-22.627 0L4.686 449.941c-6.248-6.248-6.248-16.379 0-22.627zM443.314 84.686L344 184l32.922 31.029c15.12 15.12 4.412 40.971-16.97 40.971h-112C234.697 256 224 245.255 224 232V120c0-21.382 25.803-32.09 40.922-16.971L296 136l99.314-99.314c6.248-6.248 16.379-6.248 22.627 0l25.373 25.373c6.248 6.248 6.248 16.379 0 22.627z" 161 fill="currentColor" 162 /> 163 </svg> 164 </button> 165 </div> 166 <div 167 class="divider" 168 /> 169 </div> 170 <div 171 class="item" 172 style="width: 220px;" 173 > 174 <div 175 class="viewType" 176 > 177 <button 178 aria-label="Table" 179 class="button default toggleViewButton noIcon" 180 data-mui-internal-clone-element="true" 181 data-testid="table" 182 type="button" 183 > 184 <svg 185 viewBox="0 0 64 64" 186 xmlns="http://www.w3.org/2000/svg" 187 > 188 <g 189 id="z9nPJj.tif" 190 > 191 <path 192 d="M62,13.33V49.68c-.02,.05-.04,.11-.05,.16-.3,2.66-2.66,5.16-6.08,5.15-15.92,0-31.83,0-47.75-.01-.54,0-1.1-.06-1.62-.19-2.73-.69-4.52-3.09-4.52-5.88,0-12,.01-23.56,.01-34.9,0-.29,.01-.57,.05-.86,.35-2.3,1.62-3.91,3.84-4.75,.6-.23,1.27-.28,1.9-.41,16.13,0,32.27,0,48.4,0,.09,.01,.17,.04,.26,.04,2.66,.21,4.8,2.01,5.4,4.57,.06,.24,.1,.48,.14,.72ZM28.99,31.81c0-3.92-.01-7.91-.01-11.81H8c0,3.91,.01,7.9,.01,11.81H28.99Zm27,0c0-3.92-.01-7.92-.01-11.81h-20.97c0,3.92,.01,7.91,.01,11.81h20.97Zm-47.98,5.19c0,3.7,0,8,0,11.69v.31H29v-12m6.01,.04c0,3.93-.01,8.05-.01,11.96h20.99c0-.12,0-.22,0-.31,0-3.7,0-7.99,0-11.69" 193 /> 194 </g> 195 </svg> 196 </button> 197 <button 198 aria-label="Table and Flamegraph" 199 class="button default toggleViewButton selected noIcon" 200 data-mui-internal-clone-element="true" 201 data-testid="both" 202 type="button" 203 > 204 <svg 205 viewBox="0 0 64 64" 206 xmlns="http://www.w3.org/2000/svg" 207 > 208 <path 209 d="M31,8.04H7.62c-.61,.13-1.26,.18-1.84,.41-2.14,.84-3.37,2.45-3.71,4.75-.04,.28-.05,.57-.05,.86,0,11.32-.02,22.88-.01,34.87,0,2.79,1.73,5.18,4.37,5.88,.51,.13,1.04,.19,1.57,.19,7.69,0,15.38,0,23.07,0V8.04Zm-2.92,11.99c0,3.9,.01,7.89,.01,11.8H7.82c0-3.9-.01-7.89-.01-11.8H28.08ZM7.82,49.01v-.31c0-3.69,0-7.99,0-11.68H28.1v11.99H7.82Z" 210 /> 211 <path 212 d="M58.67,7.9h-25.67V55h2.9c1.84,0,2.9-1.55,2.9-3.45V27.14h11.6v6.37c0,1.91,1.49,3.45,3.33,3.45h4.94c1.84,0,3.33-1.55,3.33-3.45V11.35c0-1.91-1.49-3.45-3.33-3.45Z" 213 /> 214 </svg> 215 </button> 216 <button 217 aria-label="Flamegraph" 218 class="button default toggleViewButton noIcon" 219 data-mui-internal-clone-element="true" 220 data-testid="flamegraph" 221 type="button" 222 > 223 <svg 224 viewBox="0 0 64 64" 225 xmlns="http://www.w3.org/2000/svg" 226 > 227 <path 228 d="M5.44,8H58.56c1.9,0,3.44,1.54,3.44,3.44v6.16s0,9.6,0,9.6v6.36c0,1.9-1.54,3.44-3.44,3.44h-5.11c-1.9,0-3.44-1.54-3.44-3.44v-6.36h-12s0,9.8,0,9.8v9s0,5.56,0,5.56c0,1.9-1.1,3.44-3,3.44h-6c-1.9,0-3-1.54-3-3.44v-5.56h-9c-1.99,0-3-1.52-3-3.4v-5.6H5.44c-1.9,0-3.44-1.74-3.44-3.64v-6.16s0-9.6,0-9.6v-6.16c0-1.9,1.54-3.44,3.44-3.44Z" 229 /> 230 </svg> 231 </button> 232 <button 233 aria-label="Sandwich" 234 class="button default toggleViewButton noIcon" 235 data-mui-internal-clone-element="true" 236 data-testid="sandwich" 237 type="button" 238 > 239 <svg 240 viewBox="0 0 64 64" 241 xmlns="http://www.w3.org/2000/svg" 242 > 243 <g 244 id="shape_squiggle" 245 > 246 <path 247 d="M60,38.42c-4.62,0-6.97-2.64-8.86-4.75-1.81-2.03-2.86-3.08-5.13-3.08s-3.32,1.06-5.13,3.08c-1.89,2.12-4.24,4.75-8.86,4.75s-6.97-2.64-8.87-4.75c-1.81-2.03-2.86-3.08-5.14-3.08s-3.33,1.06-5.14,3.08c-1.89,2.12-4.25,4.75-8.87,4.75-1.38,0-2.5-1.12-2.5-2.5s1.12-2.5,2.5-2.5c2.28,0,3.33-1.06,5.14-3.09,1.89-2.12,4.25-4.75,8.87-4.75s6.97,2.64,8.87,4.75c1.81,2.03,2.86,3.09,5.14,3.09s3.32-1.06,5.13-3.08c1.89-2.12,4.24-4.75,8.86-4.75s6.97,2.64,8.86,4.75c1.81,2.03,2.86,3.08,5.13,3.08,1.38,0,2.5,1.12,2.5,2.5s-1.12,2.5-2.5,2.5Z" 248 /> 249 </g> 250 <g 251 id="Layer_4" 252 > 253 <rect 254 height="14" 255 rx="3.94" 256 ry="3.94" 257 width="60" 258 x="2" 259 y="8" 260 /> 261 <path 262 d="M58.06,41h-18.64c-1.58,0-3.14,.42-4.5,1.22l-6.88,4.02c-1.87,1.09-4.19,1.09-6.06,0l-6.88-4.02c-1.37-.8-2.92-1.22-4.5-1.22H5.94c-2.18,0-3.94,1.76-3.94,3.94v7.12c0,2.18,1.76,3.94,3.94,3.94H58.06c2.18,0,3.94-1.76,3.94-3.94v-7.12c0-2.18-1.76-3.94-3.94-3.94Z" 263 /> 264 </g> 265 </svg> 266 </button> 267 <button 268 aria-label="GraphViz" 269 class="button default toggleViewButton noIcon" 270 data-mui-internal-clone-element="true" 271 data-testid="graphviz" 272 type="button" 273 > 274 <svg 275 aria-hidden="true" 276 class="svg-inline--fa fa-project-diagram fa-w-20 " 277 data-icon="project-diagram" 278 data-prefix="fas" 279 focusable="false" 280 role="img" 281 viewBox="0 0 640 512" 282 xmlns="http://www.w3.org/2000/svg" 283 > 284 <path 285 d="M384 320H256c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h128c17.67 0 32-14.33 32-32V352c0-17.67-14.33-32-32-32zM192 32c0-17.67-14.33-32-32-32H32C14.33 0 0 14.33 0 32v128c0 17.67 14.33 32 32 32h95.72l73.16 128.04C211.98 300.98 232.4 288 256 288h.28L192 175.51V128h224V64H192V32zM608 0H480c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h128c17.67 0 32-14.33 32-32V32c0-17.67-14.33-32-32-32z" 286 fill="currentColor" 287 /> 288 </svg> 289 </button> 290 </div> 291 </div> 292 </div> 293 </div> 294 </div> 295 </div> 296 </DocumentFragment> 297 `;