source.dussan.org Git - sonarqube.git/blob

   1 // Jest Snapshot v1, https://goo.gl/fbAQLP
   2
   3 exports[`should render correctly and allow navigating between the different steps: all set step 1`] = `
   4 <div
   5   class="boxed-group-inner"
   6   data-testid="azure-tutorial__all-set"
   7 >
   8   <div
   9     class="abs-width-600"
  10   >
  11     <p
  12       class="big-spacer-bottom"
  13     >
  14       onboarding.tutorial.ci_outro.all_set.sentence
  15       <strong>
  16         onboarding.tutorial.ci_outro.all_set.sentence.all_set
  17       </strong>
  18     </p>
  19     <div
  20       class="display-flex-row big-spacer-bottom"
  21     >
  22       <div>
  23         <img
  24           alt=""
  25           class="big-spacer-right"
  26           src="/images/tutorials/commit.svg"
  27           width="30"
  28         />
  29       </div>
  30       <div>
  31         <p
  32           class="little-spacer-bottom"
  33         >
  34           <strong>
  35             onboarding.tutorial.ci_outro.commit
  36           </strong>
  37         </p>
  38         <p>
  39           onboarding.tutorial.ci_outro.commit.why.azure
  40         </p>
  41       </div>
  42     </div>
  43     <div
  44       class="display-flex-row"
  45     >
  46       <div>
  47         <img
  48           alt=""
  49           class="big-spacer-right"
  50           src="/images/tutorials/refresh.svg"
  51           width="30"
  52         />
  53       </div>
  54       <div>
  55         <p
  56           class="little-spacer-bottom"
  57         >
  58           <strong>
  59             onboarding.tutorial.ci_outro.refresh
  60           </strong>
  61         </p>
  62         <p>
  63           onboarding.tutorial.ci_outro.refresh.why
  64         </p>
  65       </div>
  66     </div>
  67   </div>
  68   <div
  69     class="huge-spacer-bottom huge-spacer-top big-padded-top text-muted display-flex-center display-flex-justify-center"
  70   >
  71     <i
  72       class="spinner spacer-right"
  73     />
  74     onboarding.tutorial.ci_outro.waiting_for_fist_analysis
  75   </div>
  76 </div>
  77 `;
  78
  79 exports[`should render correctly and allow navigating between the different steps: cfamily linux step 1`] = `
  80 .emotion-2 {
  81   display: -webkit-box;
  82   display: -webkit-flex;
  83   display: -ms-flexbox;
  84   display: flex;
  85   -webkit-align-items: stretch;
  86   -webkit-box-align: stretch;
  87   -ms-flex-align: stretch;
  88   align-items: stretch;
  89 }
  90
  91 .emotion-1 {
  92   -webkit-flex: 1 1 auto;
  93   -ms-flex: 1 1 auto;
  94   flex: 1 1 auto;
  95   overflow: auto;
  96   text-align: left;
  97   padding: 8px calc(2 * 8px);
  98 }
  99
 100 .emotion-3 {
 101   border: 1px solid;
 102   border-radius: 2px;
 103   margin-bottom: 8px;
 104   border-color: #b1dff3;
 105   background-color: #d9edf7;
 106   color: #0e516f;
 107   display: block;
 108 }
 109
 110 .emotion-3:empty {
 111   display: none;
 112 }
 113
 114 .emotion-3 a,
 115 .emotion-3 .button-link {
 116   border-color: #236a97;
 117 }
 118
 119 .emotion-0 {
 120   -webkit-flex: 0 0 auto;
 121   -ms-flex: 0 0 auto;
 122   flex: 0 0 auto;
 123   display: -webkit-box;
 124   display: -webkit-flex;
 125   display: -ms-flexbox;
 126   display: flex;
 127   -webkit-box-pack: center;
 128   -ms-flex-pack: center;
 129   -webkit-justify-content: center;
 130   justify-content: center;
 131   -webkit-align-items: center;
 132   -webkit-box-align: center;
 133   -ms-flex-align: center;
 134   align-items: center;
 135   width: calc(4 * 8px);
 136   border-right: 1px solid;
 137   border-color: #b1dff3;
 138 }
 139
 140 <div
 141   data-testid="azure-tutorial__analysis-command"
 142 >
 143   <span
 144     class="big-spacer-top display-block"
 145   >
 146     onboarding.tutorial.with.azure_pipelines.os
 147   </span>
 148   <div
 149     class="big-spacer-top"
 150   >
 151     <ul
 152       aria-label="onboarding.tutorial.with.azure_pipelines.os"
 153       class="button-toggle"
 154       role="group"
 155     >
 156       <li>
 157         <button
 158           aria-current="true"
 159           class="button selected"
 160           data-value="linux"
 161           type="button"
 162         >
 163           onboarding.build.other.os.linux
 164         </button>
 165       </li>
 166       <li>
 167         <button
 168           aria-current="false"
 169           class="button"
 170           data-value="win"
 171           type="button"
 172         >
 173           onboarding.build.other.os.win
 174         </button>
 175       </li>
 176       <li>
 177         <button
 178           aria-current="false"
 179           class="button"
 180           data-value="mac"
 181           type="button"
 182         >
 183           onboarding.build.other.os.mac
 184         </button>
 185       </li>
 186     </ul>
 187   </div>
 188   <div
 189     class="github-cfamily-example-repositories-box big-padded boxed-group big-spacer-top abs-width-600"
 190   >
 191     <div
 192       class="display-flex-center"
 193     >
 194       <img
 195         alt=""
 196         class="spacer-right"
 197         height="20"
 198         src="/images/alm/github.svg"
 199       />
 200       <a
 201         class="spacer-left big"
 202         href="https://github.com/orgs/sonarsource-cfamily-examples/repositories?q=sq+linux+azure"
 203         rel="noopener noreferrer"
 204         target="_blank"
 205       >
 206         <svg
 207           aria-label="opens_in_new_window"
 208           class="little-spacer-right"
 209           height="14"
 210           style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
 211           version="1.1"
 212           viewBox="0 0 16 16"
 213           width="14"
 214           xml:space="preserve"
 215           xmlns:xlink="http://www.w3.org/1999/xlink"
 216         >
 217           <path
 218             d="M12 9.25v2.5A2.25 2.25 0 0 1 9.75 14h-6.5A2.25 2.25 0 0 1 1 11.75v-6.5A2.25 2.25 0 0 1 3.25 3h5.5c.14 0 .25.11.25.25v.5c0 .14-.11.25-.25.25h-5.5C2.562 4 2 4.563 2 5.25v6.5c0 .688.563 1.25 1.25 1.25h6.5c.688 0 1.25-.563 1.25-1.25v-2.5c0-.14.11-.25.25-.25h.5c.14 0 .25.11.25.25zm3-6.75v4c0 .273-.227.5-.5.5a.497.497 0 0 1-.352-.148l-1.375-1.375L7.68 10.57a.27.27 0 0 1-.18.078.27.27 0 0 1-.18-.078l-.89-.89a.27.27 0 0 1-.078-.18.27.27 0 0 1 .078-.18l5.093-5.093-1.375-1.375A.497.497 0 0 1 10 2.5c0-.273.227-.5.5-.5h4c.273 0 .5.227.5.5z"
 219             style="fill: currentColor;"
 220           />
 221         </svg>
 222         sonarsource-cfamily-examples
 223       </a>
 224     </div>
 225     <p
 226       class="spacer-top"
 227     >
 228       onboarding.tutorial.cfamily.examples_repositories_description
 229     </p>
 230   </div>
 231   <div
 232     aria-label="alert.tooltip.info"
 233     class="alert big-spacer-top emotion-3"
 234     role="status"
 235   >
 236     <div
 237       class="emotion-2"
 238     >
 239       <div
 240         class="emotion-0"
 241       >
 242         <svg
 243           height="16"
 244           style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
 245           version="1.1"
 246           viewBox="0 0 16 16"
 247           width="16"
 248           xml:space="preserve"
 249           xmlns:xlink="http://www.w3.org/1999/xlink"
 250         >
 251           <path
 252             d="M10.333 12.375v-1.458a.288.288 0 0 0-.291-.292h-.875V5.958a.288.288 0 0 0-.292-.291H5.958a.288.288 0 0 0-.291.291v1.459c0 .164.127.291.291.291h.875v2.917h-.875a.288.288 0 0 0-.291.292v1.458c0 .164.127.292.291.292h4.084a.288.288 0 0 0 .291-.292zM9.167 4.208V2.75a.288.288 0 0 0-.292-.292h-1.75a.288.288 0 0 0-.292.292v1.458c0 .164.128.292.292.292h1.75a.288.288 0 0 0 .292-.292zM15 8c0 3.865-3.135 7-7 7s-7-3.135-7-7 3.135-7 7-7 7 3.135 7 7z"
 253             style="fill: #0271b9;"
 254           />
 255         </svg>
 256       </div>
 257       <div
 258         class="alert-content emotion-1"
 259       >
 260         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.info
 261         <a
 262           href="/documentation/analysis/azuredevops-integration/"
 263           rel="noopener noreferrer"
 264           target="_blank"
 265         >
 266           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.info.doc_link
 267         </a>
 268       </div>
 269     </div>
 270   </div>
 271   <ol
 272     class="list-styled big-spacer-top"
 273   >
 274     <li>
 275       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.build_wrapper.ccpp.sentence
 276       <strong>
 277         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.sentence.pipeline
 278       </strong>
 279     </li>
 280     <ul
 281       class="list-styled"
 282     >
 283       <li>
 284         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.build_wrapper.ccpp.script.sentence
 285         <strong>
 286           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.build_wrapper.ccpp.nix.sentence.task
 287         </strong>
 288         <strong>
 289           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.build_wrapper.ccpp.nix.sentence.inline
 290         </strong>
 291         <div
 292           class="code-snippet spacer-top spacer-bottom display-flex-row"
 293         >
 294           <pre
 295             class="flex-1"
 296             tabindex="0"
 297           >
 298             curl 'http://localhost/static/cpp/build-wrapper-linux-x86.zip' --output build-wrapper.zip
 299 unzip build-wrapper.zip
 300           </pre>
 301           <button
 302             aria-label="copy_to_clipboard"
 303             class="button no-select"
 304             data-clipboard-text="curl 'http://localhost/static/cpp/build-wrapper-linux-x86.zip' --output build-wrapper.zip
 305 unzip build-wrapper.zip"
 306             tabindex="0"
 307             type="button"
 308           >
 309             <svg
 310               class="little-spacer-right"
 311               height="16"
 312               style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
 313               version="1.1"
 314               viewBox="0 0 16 16"
 315               width="16"
 316               xml:space="preserve"
 317               xmlns:xlink="http://www.w3.org/1999/xlink"
 318             >
 319               <g
 320                 fill="currentColor"
 321                 fill-rule="nonzero"
 322               >
 323                 <path
 324                   d="M2.931 15.005V3H2v13h9v-.995z"
 325                 />
 326                 <path
 327                   d="M10 4.015h3V14H4V1h6v3.015zM9 8V6H8v2H6v1h2v2h1V9h2V8H9z"
 328                 />
 329                 <path
 330                   d="M11 1v2h2a2.151 2.151 0 0 0-2-2z"
 331                 />
 332               </g>
 333             </svg>
 334             copy
 335           </button>
 336         </div>
 337       </li>
 338     </ul>
 339     <li>
 340       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.ccpp.sentence
 341       <strong>
 342         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.sentence.task
 343       </strong>
 344       <strong>
 345         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.sentence.before
 346       </strong>
 347     </li>
 348     <ul
 349       class="list-styled"
 350     >
 351       <li>
 352         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.endpoint.sentence
 353         <strong>
 354           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.endpoint.sentence.endpoint
 355         </strong>
 356       </li>
 357       <li>
 358         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.run_analysis
 359         <strong>
 360           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.run_analysis.section
 361         </strong>
 362         <strong>
 363           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.run_analysis.values.cfamily
 364         </strong>
 365       </li>
 366       <li>
 367         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.manual.sentence
 368         <strong>
 369           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.manual.sentence.mode
 370         </strong>
 371       </li>
 372       <li>
 373         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.run.key.sentence
 374         <b>
 375           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.run.key.sentence.project_key
 376         </b>
 377         <code
 378           class="rule"
 379         >
 380           my-project
 381         </code>
 382         <button
 383           aria-label="copy_to_clipboard"
 384           class="button no-select button-icon"
 385           data-clipboard-text="my-project"
 386           style="color: rgb(35, 106, 151);"
 387           tabindex="0"
 388           type="button"
 389         >
 390           <svg
 391             height="16"
 392             style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
 393             version="1.1"
 394             viewBox="0 0 16 16"
 395             width="16"
 396             xml:space="preserve"
 397             xmlns:xlink="http://www.w3.org/1999/xlink"
 398           >
 399             <g
 400               fill="currentColor"
 401               fill-rule="nonzero"
 402             >
 403               <path
 404                 d="M2.931 15.005V3H2v13h9v-.995z"
 405               />
 406               <path
 407                 d="M10 4.015h3V14H4V1h6v3.015zM9 8V6H8v2H6v1h2v2h1V9h2V8H9z"
 408               />
 409               <path
 410                 d="M11 1v2h2a2.151 2.151 0 0 0-2-2z"
 411               />
 412             </g>
 413           </svg>
 414         </button>
 415       </li>
 416       <li>
 417         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare_additional.ccpp
 418         <b>
 419           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare_additional.ccpp.advanced
 420         </b>
 421         <b>
 422           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare_additional.ccpp.additional
 423         </b>
 424         <code
 425           class="rule"
 426         >
 427           sonar.cfamily.build-wrapper-output=bw-output
 428         </code>
 429         <button
 430           aria-label="copy_to_clipboard"
 431           class="button no-select button-icon"
 432           data-clipboard-text="sonar.cfamily.build-wrapper-output=bw-output"
 433           style="color: rgb(35, 106, 151);"
 434           tabindex="0"
 435           type="button"
 436         >
 437           <svg
 438             height="16"
 439             style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
 440             version="1.1"
 441             viewBox="0 0 16 16"
 442             width="16"
 443             xml:space="preserve"
 444             xmlns:xlink="http://www.w3.org/1999/xlink"
 445           >
 446             <g
 447               fill="currentColor"
 448               fill-rule="nonzero"
 449             >
 450               <path
 451                 d="M2.931 15.005V3H2v13h9v-.995z"
 452               />
 453               <path
 454                 d="M10 4.015h3V14H4V1h6v3.015zM9 8V6H8v2H6v1h2v2h1V9h2V8H9z"
 455               />
 456               <path
 457                 d="M11 1v2h2a2.151 2.151 0 0 0-2-2z"
 458               />
 459             </g>
 460           </svg>
 461         </button>
 462       </li>
 463     </ul>
 464     <li>
 465       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.build.ccpp.sentence
 466       <strong>
 467         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.build.ccpp.sentence.task
 468       </strong>
 469     </li>
 470     <ul
 471       class="list-styled"
 472     >
 473       <li>
 474         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.build_script.ccpp.sentence
 475         <strong>
 476           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.build_script.ccpp.sentence.build_wrapper
 477         </strong>
 478         <div
 479           class="code-snippet spacer-top spacer-bottom display-flex-row"
 480         >
 481           <pre
 482             class="flex-1"
 483             tabindex="0"
 484           >
 485             ./build-wrapper-linux-x86/build-wrapper-linux-x86-64 --out-dir bw-output &lt;your build command here&gt;
 486           </pre>
 487           <button
 488             aria-label="copy_to_clipboard"
 489             class="button no-select"
 490             data-clipboard-text="./build-wrapper-linux-x86/build-wrapper-linux-x86-64 --out-dir bw-output <your build command here>"
 491             tabindex="0"
 492             type="button"
 493           >
 494             <svg
 495               class="little-spacer-right"
 496               height="16"
 497               style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
 498               version="1.1"
 499               viewBox="0 0 16 16"
 500               width="16"
 501               xml:space="preserve"
 502               xmlns:xlink="http://www.w3.org/1999/xlink"
 503             >
 504               <g
 505                 fill="currentColor"
 506                 fill-rule="nonzero"
 507               >
 508                 <path
 509                   d="M2.931 15.005V3H2v13h9v-.995z"
 510                 />
 511                 <path
 512                   d="M10 4.015h3V14H4V1h6v3.015zM9 8V6H8v2H6v1h2v2h1V9h2V8H9z"
 513                 />
 514                 <path
 515                   d="M11 1v2h2a2.151 2.151 0 0 0-2-2z"
 516                 />
 517               </g>
 518             </svg>
 519             copy
 520           </button>
 521         </div>
 522         <div
 523           aria-label="alert.tooltip.info"
 524           class="alert spacer-top spacer-bottom emotion-3"
 525           role="status"
 526         >
 527           <div
 528             class="emotion-2"
 529           >
 530             <div
 531               class="emotion-0"
 532             >
 533               <svg
 534                 height="16"
 535                 style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
 536                 version="1.1"
 537                 viewBox="0 0 16 16"
 538                 width="16"
 539                 xml:space="preserve"
 540                 xmlns:xlink="http://www.w3.org/1999/xlink"
 541               >
 542                 <path
 543                   d="M10.333 12.375v-1.458a.288.288 0 0 0-.291-.292h-.875V5.958a.288.288 0 0 0-.292-.291H5.958a.288.288 0 0 0-.291.291v1.459c0 .164.127.291.291.291h.875v2.917h-.875a.288.288 0 0 0-.291.292v1.458c0 .164.127.292.291.292h4.084a.288.288 0 0 0 .291-.292zM9.167 4.208V2.75a.288.288 0 0 0-.292-.292h-1.75a.288.288 0 0 0-.292.292v1.458c0 .164.128.292.292.292h1.75a.288.288 0 0 0 .292-.292zM15 8c0 3.865-3.135 7-7 7s-7-3.135-7-7 3.135-7 7-7 7 3.135 7 7z"
 544                   style="fill: #0271b9;"
 545                 />
 546               </svg>
 547             </div>
 548             <div
 549               class="alert-content emotion-1"
 550             >
 551               <p
 552                 class="spacer-bottom"
 553               >
 554                 onboarding.tutorial.cfamilly.compilation_database_info
 555                 <a
 556                   href="/documentation/analysis/languages/cfamily/"
 557                   rel="noopener noreferrer"
 558                   target="_blank"
 559                 >
 560                   onboarding.tutorial.cfamilly.compilation_database_info.link
 561                 </a>
 562               </p>
 563               <p>
 564                 onboarding.tutorial.cfamilly.speed_caching
 565                 <a
 566                   href="/documentation/analysis/languages/cfamily/#analysis-cache"
 567                   rel="noopener noreferrer"
 568                   target="_blank"
 569                 >
 570                   onboarding.tutorial.cfamilly.speed_caching.link
 571                 </a>
 572               </p>
 573             </div>
 574           </div>
 575         </div>
 576       </li>
 577     </ul>
 578     <li>
 579       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.run.ccpp.sentence
 580       <strong>
 581         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.run.sentence.task
 582       </strong>
 583       <strong>
 584         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.run.sentence.after
 585       </strong>
 586     </li>
 587     <li>
 588       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.publish_qg.sentence
 589       <strong>
 590         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.publish_qg.sentence.task
 591       </strong>
 592       <div
 593         aria-label="alert.tooltip.info"
 594         class="alert spacer-top emotion-3"
 595         role="status"
 596       >
 597         <div
 598           class="emotion-2"
 599         >
 600           <div
 601             class="emotion-0"
 602           >
 603             <svg
 604               height="16"
 605               style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
 606               version="1.1"
 607               viewBox="0 0 16 16"
 608               width="16"
 609               xml:space="preserve"
 610               xmlns:xlink="http://www.w3.org/1999/xlink"
 611             >
 612               <path
 613                 d="M10.333 12.375v-1.458a.288.288 0 0 0-.291-.292h-.875V5.958a.288.288 0 0 0-.292-.291H5.958a.288.288 0 0 0-.291.291v1.459c0 .164.127.291.291.291h.875v2.917h-.875a.288.288 0 0 0-.291.292v1.458c0 .164.127.292.291.292h4.084a.288.288 0 0 0 .291-.292zM9.167 4.208V2.75a.288.288 0 0 0-.292-.292h-1.75a.288.288 0 0 0-.292.292v1.458c0 .164.128.292.292.292h1.75a.288.288 0 0 0 .292-.292zM15 8c0 3.865-3.135 7-7 7s-7-3.135-7-7 3.135-7 7-7 7 3.135 7 7z"
 614                 style="fill: #0271b9;"
 615               />
 616             </svg>
 617           </div>
 618           <div
 619             class="alert-content emotion-1"
 620           >
 621             onboarding.tutorial.with.azure_pipelines.BranchAnalysis.publish_qg.info.sentence1
 622           </div>
 623         </div>
 624       </div>
 625     </li>
 626     <li>
 627       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.continous_integration.sentence
 628       <strong>
 629         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.continous_integration.sentence.tab
 630       </strong>
 631       <strong>
 632         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.continous_integration.sentence.continuous_integration
 633       </strong>
 634     </li>
 635     <hr />
 636     onboarding.tutorial.with.azure_pipelines.BranchAnalysis.branch_protection
 637     <a
 638       href="/documentation/analysis/azuredevops-integration/"
 639       rel="noopener noreferrer"
 640       target="_blank"
 641     >
 642       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.branch_protection.link
 643     </a>
 644   </ol>
 645 </div>
 646 `;
 647
 648 exports[`should render correctly and allow navigating between the different steps: cfamily macos step 1`] = `
 649 .emotion-2 {
 650   display: -webkit-box;
 651   display: -webkit-flex;
 652   display: -ms-flexbox;
 653   display: flex;
 654   -webkit-align-items: stretch;
 655   -webkit-box-align: stretch;
 656   -ms-flex-align: stretch;
 657   align-items: stretch;
 658 }
 659
 660 .emotion-1 {
 661   -webkit-flex: 1 1 auto;
 662   -ms-flex: 1 1 auto;
 663   flex: 1 1 auto;
 664   overflow: auto;
 665   text-align: left;
 666   padding: 8px calc(2 * 8px);
 667 }
 668
 669 .emotion-3 {
 670   border: 1px solid;
 671   border-radius: 2px;
 672   margin-bottom: 8px;
 673   border-color: #b1dff3;
 674   background-color: #d9edf7;
 675   color: #0e516f;
 676   display: block;
 677 }
 678
 679 .emotion-3:empty {
 680   display: none;
 681 }
 682
 683 .emotion-3 a,
 684 .emotion-3 .button-link {
 685   border-color: #236a97;
 686 }
 687
 688 .emotion-0 {
 689   -webkit-flex: 0 0 auto;
 690   -ms-flex: 0 0 auto;
 691   flex: 0 0 auto;
 692   display: -webkit-box;
 693   display: -webkit-flex;
 694   display: -ms-flexbox;
 695   display: flex;
 696   -webkit-box-pack: center;
 697   -ms-flex-pack: center;
 698   -webkit-justify-content: center;
 699   justify-content: center;
 700   -webkit-align-items: center;
 701   -webkit-box-align: center;
 702   -ms-flex-align: center;
 703   align-items: center;
 704   width: calc(4 * 8px);
 705   border-right: 1px solid;
 706   border-color: #b1dff3;
 707 }
 708
 709 <div
 710   data-testid="azure-tutorial__analysis-command"
 711 >
 712   <span
 713     class="big-spacer-top display-block"
 714   >
 715     onboarding.tutorial.with.azure_pipelines.os
 716   </span>
 717   <div
 718     class="big-spacer-top"
 719   >
 720     <ul
 721       aria-label="onboarding.tutorial.with.azure_pipelines.os"
 722       class="button-toggle"
 723       role="group"
 724     >
 725       <li>
 726         <button
 727           aria-current="false"
 728           class="button"
 729           data-value="linux"
 730           type="button"
 731         >
 732           onboarding.build.other.os.linux
 733         </button>
 734       </li>
 735       <li>
 736         <button
 737           aria-current="false"
 738           class="button"
 739           data-value="win"
 740           type="button"
 741         >
 742           onboarding.build.other.os.win
 743         </button>
 744       </li>
 745       <li>
 746         <button
 747           aria-current="true"
 748           class="button selected"
 749           data-value="mac"
 750           type="button"
 751         >
 752           onboarding.build.other.os.mac
 753         </button>
 754       </li>
 755     </ul>
 756   </div>
 757   <div
 758     class="github-cfamily-example-repositories-box big-padded boxed-group big-spacer-top abs-width-600"
 759   >
 760     <div
 761       class="display-flex-center"
 762     >
 763       <img
 764         alt=""
 765         class="spacer-right"
 766         height="20"
 767         src="/images/alm/github.svg"
 768       />
 769       <a
 770         class="spacer-left big"
 771         href="https://github.com/orgs/sonarsource-cfamily-examples/repositories?q=sq+macos+azure"
 772         rel="noopener noreferrer"
 773         target="_blank"
 774       >
 775         <svg
 776           aria-label="opens_in_new_window"
 777           class="little-spacer-right"
 778           height="14"
 779           style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
 780           version="1.1"
 781           viewBox="0 0 16 16"
 782           width="14"
 783           xml:space="preserve"
 784           xmlns:xlink="http://www.w3.org/1999/xlink"
 785         >
 786           <path
 787             d="M12 9.25v2.5A2.25 2.25 0 0 1 9.75 14h-6.5A2.25 2.25 0 0 1 1 11.75v-6.5A2.25 2.25 0 0 1 3.25 3h5.5c.14 0 .25.11.25.25v.5c0 .14-.11.25-.25.25h-5.5C2.562 4 2 4.563 2 5.25v6.5c0 .688.563 1.25 1.25 1.25h6.5c.688 0 1.25-.563 1.25-1.25v-2.5c0-.14.11-.25.25-.25h.5c.14 0 .25.11.25.25zm3-6.75v4c0 .273-.227.5-.5.5a.497.497 0 0 1-.352-.148l-1.375-1.375L7.68 10.57a.27.27 0 0 1-.18.078.27.27 0 0 1-.18-.078l-.89-.89a.27.27 0 0 1-.078-.18.27.27 0 0 1 .078-.18l5.093-5.093-1.375-1.375A.497.497 0 0 1 10 2.5c0-.273.227-.5.5-.5h4c.273 0 .5.227.5.5z"
 788             style="fill: currentColor;"
 789           />
 790         </svg>
 791         sonarsource-cfamily-examples
 792       </a>
 793     </div>
 794     <p
 795       class="spacer-top"
 796     >
 797       onboarding.tutorial.cfamily.examples_repositories_description
 798     </p>
 799   </div>
 800   <div
 801     aria-label="alert.tooltip.info"
 802     class="alert big-spacer-top emotion-3"
 803     role="status"
 804   >
 805     <div
 806       class="emotion-2"
 807     >
 808       <div
 809         class="emotion-0"
 810       >
 811         <svg
 812           height="16"
 813           style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
 814           version="1.1"
 815           viewBox="0 0 16 16"
 816           width="16"
 817           xml:space="preserve"
 818           xmlns:xlink="http://www.w3.org/1999/xlink"
 819         >
 820           <path
 821             d="M10.333 12.375v-1.458a.288.288 0 0 0-.291-.292h-.875V5.958a.288.288 0 0 0-.292-.291H5.958a.288.288 0 0 0-.291.291v1.459c0 .164.127.291.291.291h.875v2.917h-.875a.288.288 0 0 0-.291.292v1.458c0 .164.127.292.291.292h4.084a.288.288 0 0 0 .291-.292zM9.167 4.208V2.75a.288.288 0 0 0-.292-.292h-1.75a.288.288 0 0 0-.292.292v1.458c0 .164.128.292.292.292h1.75a.288.288 0 0 0 .292-.292zM15 8c0 3.865-3.135 7-7 7s-7-3.135-7-7 3.135-7 7-7 7 3.135 7 7z"
 822             style="fill: #0271b9;"
 823           />
 824         </svg>
 825       </div>
 826       <div
 827         class="alert-content emotion-1"
 828       >
 829         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.info
 830         <a
 831           href="/documentation/analysis/azuredevops-integration/"
 832           rel="noopener noreferrer"
 833           target="_blank"
 834         >
 835           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.info.doc_link
 836         </a>
 837       </div>
 838     </div>
 839   </div>
 840   <ol
 841     class="list-styled big-spacer-top"
 842   >
 843     <li>
 844       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.build_wrapper.ccpp.sentence
 845       <strong>
 846         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.sentence.pipeline
 847       </strong>
 848     </li>
 849     <ul
 850       class="list-styled"
 851     >
 852       <li>
 853         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.build_wrapper.ccpp.script.sentence
 854         <strong>
 855           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.build_wrapper.ccpp.nix.sentence.task
 856         </strong>
 857         <strong>
 858           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.build_wrapper.ccpp.nix.sentence.inline
 859         </strong>
 860         <div
 861           class="code-snippet spacer-top spacer-bottom display-flex-row"
 862         >
 863           <pre
 864             class="flex-1"
 865             tabindex="0"
 866           >
 867             curl 'http://localhost/static/cpp/build-wrapper-macosx-x86.zip' --output build-wrapper.zip
 868 unzip build-wrapper.zip
 869           </pre>
 870           <button
 871             aria-label="copy_to_clipboard"
 872             class="button no-select"
 873             data-clipboard-text="curl 'http://localhost/static/cpp/build-wrapper-macosx-x86.zip' --output build-wrapper.zip
 874 unzip build-wrapper.zip"
 875             tabindex="0"
 876             type="button"
 877           >
 878             <svg
 879               class="little-spacer-right"
 880               height="16"
 881               style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
 882               version="1.1"
 883               viewBox="0 0 16 16"
 884               width="16"
 885               xml:space="preserve"
 886               xmlns:xlink="http://www.w3.org/1999/xlink"
 887             >
 888               <g
 889                 fill="currentColor"
 890                 fill-rule="nonzero"
 891               >
 892                 <path
 893                   d="M2.931 15.005V3H2v13h9v-.995z"
 894                 />
 895                 <path
 896                   d="M10 4.015h3V14H4V1h6v3.015zM9 8V6H8v2H6v1h2v2h1V9h2V8H9z"
 897                 />
 898                 <path
 899                   d="M11 1v2h2a2.151 2.151 0 0 0-2-2z"
 900                 />
 901               </g>
 902             </svg>
 903             copy
 904           </button>
 905         </div>
 906       </li>
 907     </ul>
 908     <li>
 909       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.ccpp.sentence
 910       <strong>
 911         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.sentence.task
 912       </strong>
 913       <strong>
 914         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.sentence.before
 915       </strong>
 916     </li>
 917     <ul
 918       class="list-styled"
 919     >
 920       <li>
 921         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.endpoint.sentence
 922         <strong>
 923           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.endpoint.sentence.endpoint
 924         </strong>
 925       </li>
 926       <li>
 927         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.run_analysis
 928         <strong>
 929           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.run_analysis.section
 930         </strong>
 931         <strong>
 932           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.run_analysis.values.cfamily
 933         </strong>
 934       </li>
 935       <li>
 936         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.manual.sentence
 937         <strong>
 938           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.manual.sentence.mode
 939         </strong>
 940       </li>
 941       <li>
 942         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.run.key.sentence
 943         <b>
 944           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.run.key.sentence.project_key
 945         </b>
 946         <code
 947           class="rule"
 948         >
 949           my-project
 950         </code>
 951         <button
 952           aria-label="copy_to_clipboard"
 953           class="button no-select button-icon"
 954           data-clipboard-text="my-project"
 955           style="color: rgb(35, 106, 151);"
 956           tabindex="0"
 957           type="button"
 958         >
 959           <svg
 960             height="16"
 961             style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
 962             version="1.1"
 963             viewBox="0 0 16 16"
 964             width="16"
 965             xml:space="preserve"
 966             xmlns:xlink="http://www.w3.org/1999/xlink"
 967           >
 968             <g
 969               fill="currentColor"
 970               fill-rule="nonzero"
 971             >
 972               <path
 973                 d="M2.931 15.005V3H2v13h9v-.995z"
 974               />
 975               <path
 976                 d="M10 4.015h3V14H4V1h6v3.015zM9 8V6H8v2H6v1h2v2h1V9h2V8H9z"
 977               />
 978               <path
 979                 d="M11 1v2h2a2.151 2.151 0 0 0-2-2z"
 980               />
 981             </g>
 982           </svg>
 983         </button>
 984       </li>
 985       <li>
 986         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare_additional.ccpp
 987         <b>
 988           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare_additional.ccpp.advanced
 989         </b>
 990         <b>
 991           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare_additional.ccpp.additional
 992         </b>
 993         <code
 994           class="rule"
 995         >
 996           sonar.cfamily.build-wrapper-output=bw-output
 997         </code>
 998         <button
 999           aria-label="copy_to_clipboard"
1000           class="button no-select button-icon"
1001           data-clipboard-text="sonar.cfamily.build-wrapper-output=bw-output"
1002           style="color: rgb(35, 106, 151);"
1003           tabindex="0"
1004           type="button"
1005         >
1006           <svg
1007             height="16"
1008             style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
1009             version="1.1"
1010             viewBox="0 0 16 16"
1011             width="16"
1012             xml:space="preserve"
1013             xmlns:xlink="http://www.w3.org/1999/xlink"
1014           >
1015             <g
1016               fill="currentColor"
1017               fill-rule="nonzero"
1018             >
1019               <path
1020                 d="M2.931 15.005V3H2v13h9v-.995z"
1021               />
1022               <path
1023                 d="M10 4.015h3V14H4V1h6v3.015zM9 8V6H8v2H6v1h2v2h1V9h2V8H9z"
1024               />
1025               <path
1026                 d="M11 1v2h2a2.151 2.151 0 0 0-2-2z"
1027               />
1028             </g>
1029           </svg>
1030         </button>
1031       </li>
1032     </ul>
1033     <li>
1034       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.build.ccpp.sentence
1035       <strong>
1036         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.build.ccpp.sentence.task
1037       </strong>
1038     </li>
1039     <ul
1040       class="list-styled"
1041     >
1042       <li>
1043         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.build_script.ccpp.sentence
1044         <strong>
1045           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.build_script.ccpp.sentence.build_wrapper
1046         </strong>
1047         <div
1048           class="code-snippet spacer-top spacer-bottom display-flex-row"
1049         >
1050           <pre
1051             class="flex-1"
1052             tabindex="0"
1053           >
1054             ./build-wrapper-macos-x86/build-wrapper-macos-x86 --out-dir bw-output &lt;your build command here&gt;
1055           </pre>
1056           <button
1057             aria-label="copy_to_clipboard"
1058             class="button no-select"
1059             data-clipboard-text="./build-wrapper-macos-x86/build-wrapper-macos-x86 --out-dir bw-output <your build command here>"
1060             tabindex="0"
1061             type="button"
1062           >
1063             <svg
1064               class="little-spacer-right"
1065               height="16"
1066               style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
1067               version="1.1"
1068               viewBox="0 0 16 16"
1069               width="16"
1070               xml:space="preserve"
1071               xmlns:xlink="http://www.w3.org/1999/xlink"
1072             >
1073               <g
1074                 fill="currentColor"
1075                 fill-rule="nonzero"
1076               >
1077                 <path
1078                   d="M2.931 15.005V3H2v13h9v-.995z"
1079                 />
1080                 <path
1081                   d="M10 4.015h3V14H4V1h6v3.015zM9 8V6H8v2H6v1h2v2h1V9h2V8H9z"
1082                 />
1083                 <path
1084                   d="M11 1v2h2a2.151 2.151 0 0 0-2-2z"
1085                 />
1086               </g>
1087             </svg>
1088             copy
1089           </button>
1090         </div>
1091         <div
1092           aria-label="alert.tooltip.info"
1093           class="alert spacer-top spacer-bottom emotion-3"
1094           role="status"
1095         >
1096           <div
1097             class="emotion-2"
1098           >
1099             <div
1100               class="emotion-0"
1101             >
1102               <svg
1103                 height="16"
1104                 style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
1105                 version="1.1"
1106                 viewBox="0 0 16 16"
1107                 width="16"
1108                 xml:space="preserve"
1109                 xmlns:xlink="http://www.w3.org/1999/xlink"
1110               >
1111                 <path
1112                   d="M10.333 12.375v-1.458a.288.288 0 0 0-.291-.292h-.875V5.958a.288.288 0 0 0-.292-.291H5.958a.288.288 0 0 0-.291.291v1.459c0 .164.127.291.291.291h.875v2.917h-.875a.288.288 0 0 0-.291.292v1.458c0 .164.127.292.291.292h4.084a.288.288 0 0 0 .291-.292zM9.167 4.208V2.75a.288.288 0 0 0-.292-.292h-1.75a.288.288 0 0 0-.292.292v1.458c0 .164.128.292.292.292h1.75a.288.288 0 0 0 .292-.292zM15 8c0 3.865-3.135 7-7 7s-7-3.135-7-7 3.135-7 7-7 7 3.135 7 7z"
1113                   style="fill: #0271b9;"
1114                 />
1115               </svg>
1116             </div>
1117             <div
1118               class="alert-content emotion-1"
1119             >
1120               <p
1121                 class="spacer-bottom"
1122               >
1123                 onboarding.tutorial.cfamilly.compilation_database_info
1124                 <a
1125                   href="/documentation/analysis/languages/cfamily/"
1126                   rel="noopener noreferrer"
1127                   target="_blank"
1128                 >
1129                   onboarding.tutorial.cfamilly.compilation_database_info.link
1130                 </a>
1131               </p>
1132               <p>
1133                 onboarding.tutorial.cfamilly.speed_caching
1134                 <a
1135                   href="/documentation/analysis/languages/cfamily/#analysis-cache"
1136                   rel="noopener noreferrer"
1137                   target="_blank"
1138                 >
1139                   onboarding.tutorial.cfamilly.speed_caching.link
1140                 </a>
1141               </p>
1142             </div>
1143           </div>
1144         </div>
1145       </li>
1146     </ul>
1147     <li>
1148       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.run.ccpp.sentence
1149       <strong>
1150         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.run.sentence.task
1151       </strong>
1152       <strong>
1153         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.run.sentence.after
1154       </strong>
1155     </li>
1156     <li>
1157       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.publish_qg.sentence
1158       <strong>
1159         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.publish_qg.sentence.task
1160       </strong>
1161       <div
1162         aria-label="alert.tooltip.info"
1163         class="alert spacer-top emotion-3"
1164         role="status"
1165       >
1166         <div
1167           class="emotion-2"
1168         >
1169           <div
1170             class="emotion-0"
1171           >
1172             <svg
1173               height="16"
1174               style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
1175               version="1.1"
1176               viewBox="0 0 16 16"
1177               width="16"
1178               xml:space="preserve"
1179               xmlns:xlink="http://www.w3.org/1999/xlink"
1180             >
1181               <path
1182                 d="M10.333 12.375v-1.458a.288.288 0 0 0-.291-.292h-.875V5.958a.288.288 0 0 0-.292-.291H5.958a.288.288 0 0 0-.291.291v1.459c0 .164.127.291.291.291h.875v2.917h-.875a.288.288 0 0 0-.291.292v1.458c0 .164.127.292.291.292h4.084a.288.288 0 0 0 .291-.292zM9.167 4.208V2.75a.288.288 0 0 0-.292-.292h-1.75a.288.288 0 0 0-.292.292v1.458c0 .164.128.292.292.292h1.75a.288.288 0 0 0 .292-.292zM15 8c0 3.865-3.135 7-7 7s-7-3.135-7-7 3.135-7 7-7 7 3.135 7 7z"
1183                 style="fill: #0271b9;"
1184               />
1185             </svg>
1186           </div>
1187           <div
1188             class="alert-content emotion-1"
1189           >
1190             onboarding.tutorial.with.azure_pipelines.BranchAnalysis.publish_qg.info.sentence1
1191           </div>
1192         </div>
1193       </div>
1194     </li>
1195     <li>
1196       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.continous_integration.sentence
1197       <strong>
1198         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.continous_integration.sentence.tab
1199       </strong>
1200       <strong>
1201         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.continous_integration.sentence.continuous_integration
1202       </strong>
1203     </li>
1204     <hr />
1205     onboarding.tutorial.with.azure_pipelines.BranchAnalysis.branch_protection
1206     <a
1207       href="/documentation/analysis/azuredevops-integration/"
1208       rel="noopener noreferrer"
1209       target="_blank"
1210     >
1211       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.branch_protection.link
1212     </a>
1213   </ol>
1214 </div>
1215 `;
1216
1217 exports[`should render correctly and allow navigating between the different steps: cfamily windows step 1`] = `
1218 .emotion-2 {
1219   display: -webkit-box;
1220   display: -webkit-flex;
1221   display: -ms-flexbox;
1222   display: flex;
1223   -webkit-align-items: stretch;
1224   -webkit-box-align: stretch;
1225   -ms-flex-align: stretch;
1226   align-items: stretch;
1227 }
1228
1229 .emotion-1 {
1230   -webkit-flex: 1 1 auto;
1231   -ms-flex: 1 1 auto;
1232   flex: 1 1 auto;
1233   overflow: auto;
1234   text-align: left;
1235   padding: 8px calc(2 * 8px);
1236 }
1237
1238 .emotion-3 {
1239   border: 1px solid;
1240   border-radius: 2px;
1241   margin-bottom: 8px;
1242   border-color: #b1dff3;
1243   background-color: #d9edf7;
1244   color: #0e516f;
1245   display: block;
1246 }
1247
1248 .emotion-3:empty {
1249   display: none;
1250 }
1251
1252 .emotion-3 a,
1253 .emotion-3 .button-link {
1254   border-color: #236a97;
1255 }
1256
1257 .emotion-0 {
1258   -webkit-flex: 0 0 auto;
1259   -ms-flex: 0 0 auto;
1260   flex: 0 0 auto;
1261   display: -webkit-box;
1262   display: -webkit-flex;
1263   display: -ms-flexbox;
1264   display: flex;
1265   -webkit-box-pack: center;
1266   -ms-flex-pack: center;
1267   -webkit-justify-content: center;
1268   justify-content: center;
1269   -webkit-align-items: center;
1270   -webkit-box-align: center;
1271   -ms-flex-align: center;
1272   align-items: center;
1273   width: calc(4 * 8px);
1274   border-right: 1px solid;
1275   border-color: #b1dff3;
1276 }
1277
1278 <div
1279   data-testid="azure-tutorial__analysis-command"
1280 >
1281   <span
1282     class="big-spacer-top display-block"
1283   >
1284     onboarding.tutorial.with.azure_pipelines.os
1285   </span>
1286   <div
1287     class="big-spacer-top"
1288   >
1289     <ul
1290       aria-label="onboarding.tutorial.with.azure_pipelines.os"
1291       class="button-toggle"
1292       role="group"
1293     >
1294       <li>
1295         <button
1296           aria-current="false"
1297           class="button"
1298           data-value="linux"
1299           type="button"
1300         >
1301           onboarding.build.other.os.linux
1302         </button>
1303       </li>
1304       <li>
1305         <button
1306           aria-current="true"
1307           class="button selected"
1308           data-value="win"
1309           type="button"
1310         >
1311           onboarding.build.other.os.win
1312         </button>
1313       </li>
1314       <li>
1315         <button
1316           aria-current="false"
1317           class="button"
1318           data-value="mac"
1319           type="button"
1320         >
1321           onboarding.build.other.os.mac
1322         </button>
1323       </li>
1324     </ul>
1325   </div>
1326   <div
1327     class="github-cfamily-example-repositories-box big-padded boxed-group big-spacer-top abs-width-600"
1328   >
1329     <div
1330       class="display-flex-center"
1331     >
1332       <img
1333         alt=""
1334         class="spacer-right"
1335         height="20"
1336         src="/images/alm/github.svg"
1337       />
1338       <a
1339         class="spacer-left big"
1340         href="https://github.com/orgs/sonarsource-cfamily-examples/repositories?q=sq+windows+azure"
1341         rel="noopener noreferrer"
1342         target="_blank"
1343       >
1344         <svg
1345           aria-label="opens_in_new_window"
1346           class="little-spacer-right"
1347           height="14"
1348           style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
1349           version="1.1"
1350           viewBox="0 0 16 16"
1351           width="14"
1352           xml:space="preserve"
1353           xmlns:xlink="http://www.w3.org/1999/xlink"
1354         >
1355           <path
1356             d="M12 9.25v2.5A2.25 2.25 0 0 1 9.75 14h-6.5A2.25 2.25 0 0 1 1 11.75v-6.5A2.25 2.25 0 0 1 3.25 3h5.5c.14 0 .25.11.25.25v.5c0 .14-.11.25-.25.25h-5.5C2.562 4 2 4.563 2 5.25v6.5c0 .688.563 1.25 1.25 1.25h6.5c.688 0 1.25-.563 1.25-1.25v-2.5c0-.14.11-.25.25-.25h.5c.14 0 .25.11.25.25zm3-6.75v4c0 .273-.227.5-.5.5a.497.497 0 0 1-.352-.148l-1.375-1.375L7.68 10.57a.27.27 0 0 1-.18.078.27.27 0 0 1-.18-.078l-.89-.89a.27.27 0 0 1-.078-.18.27.27 0 0 1 .078-.18l5.093-5.093-1.375-1.375A.497.497 0 0 1 10 2.5c0-.273.227-.5.5-.5h4c.273 0 .5.227.5.5z"
1357             style="fill: currentColor;"
1358           />
1359         </svg>
1360         sonarsource-cfamily-examples
1361       </a>
1362     </div>
1363     <p
1364       class="spacer-top"
1365     >
1366       onboarding.tutorial.cfamily.examples_repositories_description
1367     </p>
1368   </div>
1369   <div
1370     aria-label="alert.tooltip.info"
1371     class="alert big-spacer-top emotion-3"
1372     role="status"
1373   >
1374     <div
1375       class="emotion-2"
1376     >
1377       <div
1378         class="emotion-0"
1379       >
1380         <svg
1381           height="16"
1382           style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
1383           version="1.1"
1384           viewBox="0 0 16 16"
1385           width="16"
1386           xml:space="preserve"
1387           xmlns:xlink="http://www.w3.org/1999/xlink"
1388         >
1389           <path
1390             d="M10.333 12.375v-1.458a.288.288 0 0 0-.291-.292h-.875V5.958a.288.288 0 0 0-.292-.291H5.958a.288.288 0 0 0-.291.291v1.459c0 .164.127.291.291.291h.875v2.917h-.875a.288.288 0 0 0-.291.292v1.458c0 .164.127.292.291.292h4.084a.288.288 0 0 0 .291-.292zM9.167 4.208V2.75a.288.288 0 0 0-.292-.292h-1.75a.288.288 0 0 0-.292.292v1.458c0 .164.128.292.292.292h1.75a.288.288 0 0 0 .292-.292zM15 8c0 3.865-3.135 7-7 7s-7-3.135-7-7 3.135-7 7-7 7 3.135 7 7z"
1391             style="fill: #0271b9;"
1392           />
1393         </svg>
1394       </div>
1395       <div
1396         class="alert-content emotion-1"
1397       >
1398         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.info
1399         <a
1400           href="/documentation/analysis/azuredevops-integration/"
1401           rel="noopener noreferrer"
1402           target="_blank"
1403         >
1404           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.info.doc_link
1405         </a>
1406       </div>
1407     </div>
1408   </div>
1409   <ol
1410     class="list-styled big-spacer-top"
1411   >
1412     <li>
1413       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.build_wrapper.ccpp.sentence
1414       <strong>
1415         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.sentence.pipeline
1416       </strong>
1417     </li>
1418     <ul
1419       class="list-styled"
1420     >
1421       <li>
1422         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.build_wrapper.ccpp.script.sentence
1423         <strong>
1424           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.build_wrapper.ccpp.win.sentence.task
1425         </strong>
1426         <strong>
1427           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.build_wrapper.ccpp.win.sentence.inline
1428         </strong>
1429         <div
1430           class="code-snippet spacer-top spacer-bottom display-flex-row"
1431         >
1432           <pre
1433             class="flex-1"
1434             tabindex="0"
1435           >
1436             Invoke-WebRequest -Uri 'http://localhost/static/cpp/build-wrapper-win-x86.zip' -OutFile 'build-wrapper.zip'
1437 Expand-Archive -Path 'build-wrapper.zip' -DestinationPath '.'
1438           </pre>
1439           <button
1440             aria-label="copy_to_clipboard"
1441             class="button no-select"
1442             data-clipboard-text="Invoke-WebRequest -Uri 'http://localhost/static/cpp/build-wrapper-win-x86.zip' -OutFile 'build-wrapper.zip'
1443 Expand-Archive -Path 'build-wrapper.zip' -DestinationPath '.'"
1444             tabindex="0"
1445             type="button"
1446           >
1447             <svg
1448               class="little-spacer-right"
1449               height="16"
1450               style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
1451               version="1.1"
1452               viewBox="0 0 16 16"
1453               width="16"
1454               xml:space="preserve"
1455               xmlns:xlink="http://www.w3.org/1999/xlink"
1456             >
1457               <g
1458                 fill="currentColor"
1459                 fill-rule="nonzero"
1460               >
1461                 <path
1462                   d="M2.931 15.005V3H2v13h9v-.995z"
1463                 />
1464                 <path
1465                   d="M10 4.015h3V14H4V1h6v3.015zM9 8V6H8v2H6v1h2v2h1V9h2V8H9z"
1466                 />
1467                 <path
1468                   d="M11 1v2h2a2.151 2.151 0 0 0-2-2z"
1469                 />
1470               </g>
1471             </svg>
1472             copy
1473           </button>
1474         </div>
1475       </li>
1476     </ul>
1477     <li>
1478       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.ccpp.sentence
1479       <strong>
1480         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.sentence.task
1481       </strong>
1482       <strong>
1483         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.sentence.before
1484       </strong>
1485     </li>
1486     <ul
1487       class="list-styled"
1488     >
1489       <li>
1490         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.endpoint.sentence
1491         <strong>
1492           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.endpoint.sentence.endpoint
1493         </strong>
1494       </li>
1495       <li>
1496         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.run_analysis
1497         <strong>
1498           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.run_analysis.section
1499         </strong>
1500         <strong>
1501           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.run_analysis.values.cfamily
1502         </strong>
1503       </li>
1504       <li>
1505         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.manual.sentence
1506         <strong>
1507           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.manual.sentence.mode
1508         </strong>
1509       </li>
1510       <li>
1511         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.run.key.sentence
1512         <b>
1513           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.run.key.sentence.project_key
1514         </b>
1515         <code
1516           class="rule"
1517         >
1518           my-project
1519         </code>
1520         <button
1521           aria-label="copy_to_clipboard"
1522           class="button no-select button-icon"
1523           data-clipboard-text="my-project"
1524           style="color: rgb(35, 106, 151);"
1525           tabindex="0"
1526           type="button"
1527         >
1528           <svg
1529             height="16"
1530             style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
1531             version="1.1"
1532             viewBox="0 0 16 16"
1533             width="16"
1534             xml:space="preserve"
1535             xmlns:xlink="http://www.w3.org/1999/xlink"
1536           >
1537             <g
1538               fill="currentColor"
1539               fill-rule="nonzero"
1540             >
1541               <path
1542                 d="M2.931 15.005V3H2v13h9v-.995z"
1543               />
1544               <path
1545                 d="M10 4.015h3V14H4V1h6v3.015zM9 8V6H8v2H6v1h2v2h1V9h2V8H9z"
1546               />
1547               <path
1548                 d="M11 1v2h2a2.151 2.151 0 0 0-2-2z"
1549               />
1550             </g>
1551           </svg>
1552         </button>
1553       </li>
1554       <li>
1555         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare_additional.ccpp
1556         <b>
1557           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare_additional.ccpp.advanced
1558         </b>
1559         <b>
1560           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare_additional.ccpp.additional
1561         </b>
1562         <code
1563           class="rule"
1564         >
1565           sonar.cfamily.build-wrapper-output=bw-output
1566         </code>
1567         <button
1568           aria-label="copy_to_clipboard"
1569           class="button no-select button-icon"
1570           data-clipboard-text="sonar.cfamily.build-wrapper-output=bw-output"
1571           style="color: rgb(35, 106, 151);"
1572           tabindex="0"
1573           type="button"
1574         >
1575           <svg
1576             height="16"
1577             style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
1578             version="1.1"
1579             viewBox="0 0 16 16"
1580             width="16"
1581             xml:space="preserve"
1582             xmlns:xlink="http://www.w3.org/1999/xlink"
1583           >
1584             <g
1585               fill="currentColor"
1586               fill-rule="nonzero"
1587             >
1588               <path
1589                 d="M2.931 15.005V3H2v13h9v-.995z"
1590               />
1591               <path
1592                 d="M10 4.015h3V14H4V1h6v3.015zM9 8V6H8v2H6v1h2v2h1V9h2V8H9z"
1593               />
1594               <path
1595                 d="M11 1v2h2a2.151 2.151 0 0 0-2-2z"
1596               />
1597             </g>
1598           </svg>
1599         </button>
1600       </li>
1601     </ul>
1602     <li>
1603       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.build.ccpp.sentence
1604       <strong>
1605         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.build.ccpp.sentence.task
1606       </strong>
1607     </li>
1608     <ul
1609       class="list-styled"
1610     >
1611       <li>
1612         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.build_script.ccpp.sentence
1613         <strong>
1614           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.build_script.ccpp.sentence.build_wrapper
1615         </strong>
1616         <div
1617           class="code-snippet spacer-top spacer-bottom display-flex-row"
1618         >
1619           <pre
1620             class="flex-1"
1621             tabindex="0"
1622           >
1623             build-wrapper-win-x86/build-wrapper-win-x86-64.exe --out-dir bw-output &lt;your build command here&gt;
1624           </pre>
1625           <button
1626             aria-label="copy_to_clipboard"
1627             class="button no-select"
1628             data-clipboard-text="build-wrapper-win-x86/build-wrapper-win-x86-64.exe --out-dir bw-output <your build command here>"
1629             tabindex="0"
1630             type="button"
1631           >
1632             <svg
1633               class="little-spacer-right"
1634               height="16"
1635               style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
1636               version="1.1"
1637               viewBox="0 0 16 16"
1638               width="16"
1639               xml:space="preserve"
1640               xmlns:xlink="http://www.w3.org/1999/xlink"
1641             >
1642               <g
1643                 fill="currentColor"
1644                 fill-rule="nonzero"
1645               >
1646                 <path
1647                   d="M2.931 15.005V3H2v13h9v-.995z"
1648                 />
1649                 <path
1650                   d="M10 4.015h3V14H4V1h6v3.015zM9 8V6H8v2H6v1h2v2h1V9h2V8H9z"
1651                 />
1652                 <path
1653                   d="M11 1v2h2a2.151 2.151 0 0 0-2-2z"
1654                 />
1655               </g>
1656             </svg>
1657             copy
1658           </button>
1659         </div>
1660         <div
1661           aria-label="alert.tooltip.info"
1662           class="alert spacer-top spacer-bottom emotion-3"
1663           role="status"
1664         >
1665           <div
1666             class="emotion-2"
1667           >
1668             <div
1669               class="emotion-0"
1670             >
1671               <svg
1672                 height="16"
1673                 style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
1674                 version="1.1"
1675                 viewBox="0 0 16 16"
1676                 width="16"
1677                 xml:space="preserve"
1678                 xmlns:xlink="http://www.w3.org/1999/xlink"
1679               >
1680                 <path
1681                   d="M10.333 12.375v-1.458a.288.288 0 0 0-.291-.292h-.875V5.958a.288.288 0 0 0-.292-.291H5.958a.288.288 0 0 0-.291.291v1.459c0 .164.127.291.291.291h.875v2.917h-.875a.288.288 0 0 0-.291.292v1.458c0 .164.127.292.291.292h4.084a.288.288 0 0 0 .291-.292zM9.167 4.208V2.75a.288.288 0 0 0-.292-.292h-1.75a.288.288 0 0 0-.292.292v1.458c0 .164.128.292.292.292h1.75a.288.288 0 0 0 .292-.292zM15 8c0 3.865-3.135 7-7 7s-7-3.135-7-7 3.135-7 7-7 7 3.135 7 7z"
1682                   style="fill: #0271b9;"
1683                 />
1684               </svg>
1685             </div>
1686             <div
1687               class="alert-content emotion-1"
1688             >
1689               <p
1690                 class="spacer-bottom"
1691               >
1692                 onboarding.tutorial.cfamilly.compilation_database_info
1693                 <a
1694                   href="/documentation/analysis/languages/cfamily/"
1695                   rel="noopener noreferrer"
1696                   target="_blank"
1697                 >
1698                   onboarding.tutorial.cfamilly.compilation_database_info.link
1699                 </a>
1700               </p>
1701               <p>
1702                 onboarding.tutorial.cfamilly.speed_caching
1703                 <a
1704                   href="/documentation/analysis/languages/cfamily/#analysis-cache"
1705                   rel="noopener noreferrer"
1706                   target="_blank"
1707                 >
1708                   onboarding.tutorial.cfamilly.speed_caching.link
1709                 </a>
1710               </p>
1711             </div>
1712           </div>
1713         </div>
1714       </li>
1715     </ul>
1716     <li>
1717       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.run.ccpp.sentence
1718       <strong>
1719         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.run.sentence.task
1720       </strong>
1721       <strong>
1722         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.run.sentence.after
1723       </strong>
1724     </li>
1725     <li>
1726       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.publish_qg.sentence
1727       <strong>
1728         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.publish_qg.sentence.task
1729       </strong>
1730       <div
1731         aria-label="alert.tooltip.info"
1732         class="alert spacer-top emotion-3"
1733         role="status"
1734       >
1735         <div
1736           class="emotion-2"
1737         >
1738           <div
1739             class="emotion-0"
1740           >
1741             <svg
1742               height="16"
1743               style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
1744               version="1.1"
1745               viewBox="0 0 16 16"
1746               width="16"
1747               xml:space="preserve"
1748               xmlns:xlink="http://www.w3.org/1999/xlink"
1749             >
1750               <path
1751                 d="M10.333 12.375v-1.458a.288.288 0 0 0-.291-.292h-.875V5.958a.288.288 0 0 0-.292-.291H5.958a.288.288 0 0 0-.291.291v1.459c0 .164.127.291.291.291h.875v2.917h-.875a.288.288 0 0 0-.291.292v1.458c0 .164.127.292.291.292h4.084a.288.288 0 0 0 .291-.292zM9.167 4.208V2.75a.288.288 0 0 0-.292-.292h-1.75a.288.288 0 0 0-.292.292v1.458c0 .164.128.292.292.292h1.75a.288.288 0 0 0 .292-.292zM15 8c0 3.865-3.135 7-7 7s-7-3.135-7-7 3.135-7 7-7 7 3.135 7 7z"
1752                 style="fill: #0271b9;"
1753               />
1754             </svg>
1755           </div>
1756           <div
1757             class="alert-content emotion-1"
1758           >
1759             onboarding.tutorial.with.azure_pipelines.BranchAnalysis.publish_qg.info.sentence1
1760           </div>
1761         </div>
1762       </div>
1763     </li>
1764     <li>
1765       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.continous_integration.sentence
1766       <strong>
1767         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.continous_integration.sentence.tab
1768       </strong>
1769       <strong>
1770         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.continous_integration.sentence.continuous_integration
1771       </strong>
1772     </li>
1773     <hr />
1774     onboarding.tutorial.with.azure_pipelines.BranchAnalysis.branch_protection
1775     <a
1776       href="/documentation/analysis/azuredevops-integration/"
1777       rel="noopener noreferrer"
1778       target="_blank"
1779     >
1780       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.branch_protection.link
1781     </a>
1782   </ol>
1783 </div>
1784 `;
1785
1786 exports[`should render correctly and allow navigating between the different steps: dotnet step 1`] = `
1787 .emotion-2 {
1788   display: -webkit-box;
1789   display: -webkit-flex;
1790   display: -ms-flexbox;
1791   display: flex;
1792   -webkit-align-items: stretch;
1793   -webkit-box-align: stretch;
1794   -ms-flex-align: stretch;
1795   align-items: stretch;
1796 }
1797
1798 .emotion-1 {
1799   -webkit-flex: 1 1 auto;
1800   -ms-flex: 1 1 auto;
1801   flex: 1 1 auto;
1802   overflow: auto;
1803   text-align: left;
1804   padding: 8px calc(2 * 8px);
1805 }
1806
1807 .emotion-3 {
1808   border: 1px solid;
1809   border-radius: 2px;
1810   margin-bottom: 8px;
1811   border-color: #b1dff3;
1812   background-color: #d9edf7;
1813   color: #0e516f;
1814   display: block;
1815 }
1816
1817 .emotion-3:empty {
1818   display: none;
1819 }
1820
1821 .emotion-3 a,
1822 .emotion-3 .button-link {
1823   border-color: #236a97;
1824 }
1825
1826 .emotion-0 {
1827   -webkit-flex: 0 0 auto;
1828   -ms-flex: 0 0 auto;
1829   flex: 0 0 auto;
1830   display: -webkit-box;
1831   display: -webkit-flex;
1832   display: -ms-flexbox;
1833   display: flex;
1834   -webkit-box-pack: center;
1835   -ms-flex-pack: center;
1836   -webkit-justify-content: center;
1837   justify-content: center;
1838   -webkit-align-items: center;
1839   -webkit-box-align: center;
1840   -ms-flex-align: center;
1841   align-items: center;
1842   width: calc(4 * 8px);
1843   border-right: 1px solid;
1844   border-color: #b1dff3;
1845 }
1846
1847 <div
1848   data-testid="azure-tutorial__analysis-command"
1849 >
1850   <div
1851     aria-label="alert.tooltip.info"
1852     class="alert big-spacer-top emotion-3"
1853     role="status"
1854   >
1855     <div
1856       class="emotion-2"
1857     >
1858       <div
1859         class="emotion-0"
1860       >
1861         <svg
1862           height="16"
1863           style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
1864           version="1.1"
1865           viewBox="0 0 16 16"
1866           width="16"
1867           xml:space="preserve"
1868           xmlns:xlink="http://www.w3.org/1999/xlink"
1869         >
1870           <path
1871             d="M10.333 12.375v-1.458a.288.288 0 0 0-.291-.292h-.875V5.958a.288.288 0 0 0-.292-.291H5.958a.288.288 0 0 0-.291.291v1.459c0 .164.127.291.291.291h.875v2.917h-.875a.288.288 0 0 0-.291.292v1.458c0 .164.127.292.291.292h4.084a.288.288 0 0 0 .291-.292zM9.167 4.208V2.75a.288.288 0 0 0-.292-.292h-1.75a.288.288 0 0 0-.292.292v1.458c0 .164.128.292.292.292h1.75a.288.288 0 0 0 .292-.292zM15 8c0 3.865-3.135 7-7 7s-7-3.135-7-7 3.135-7 7-7 7 3.135 7 7z"
1872             style="fill: #0271b9;"
1873           />
1874         </svg>
1875       </div>
1876       <div
1877         class="alert-content emotion-1"
1878       >
1879         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.info
1880         <a
1881           href="/documentation/analysis/azuredevops-integration/"
1882           rel="noopener noreferrer"
1883           target="_blank"
1884         >
1885           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.info.doc_link
1886         </a>
1887       </div>
1888     </div>
1889   </div>
1890   <ol
1891     class="list-styled big-spacer-top"
1892   >
1893     <li>
1894       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.sentence
1895       <strong>
1896         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.sentence.pipeline
1897       </strong>
1898       <strong>
1899         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.sentence.task
1900       </strong>
1901       <strong>
1902         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.sentence.before
1903       </strong>
1904     </li>
1905     <ul
1906       class="list-styled"
1907     >
1908       <li>
1909         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.endpoint.sentence
1910         <strong>
1911           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.endpoint.sentence.endpoint
1912         </strong>
1913       </li>
1914       <li>
1915         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.run_analysis
1916         <strong>
1917           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.run_analysis.section
1918         </strong>
1919         <strong>
1920           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.run_analysis.values.dotnet
1921         </strong>
1922       </li>
1923       <li>
1924         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.run.key.sentence
1925         <b>
1926           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.run.key.sentence.project_key
1927         </b>
1928         <code
1929           class="rule"
1930         >
1931           my-project
1932         </code>
1933         <button
1934           aria-label="copy_to_clipboard"
1935           class="button no-select button-icon"
1936           data-clipboard-text="my-project"
1937           style="color: rgb(35, 106, 151);"
1938           tabindex="0"
1939           type="button"
1940         >
1941           <svg
1942             height="16"
1943             style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
1944             version="1.1"
1945             viewBox="0 0 16 16"
1946             width="16"
1947             xml:space="preserve"
1948             xmlns:xlink="http://www.w3.org/1999/xlink"
1949           >
1950             <g
1951               fill="currentColor"
1952               fill-rule="nonzero"
1953             >
1954               <path
1955                 d="M2.931 15.005V3H2v13h9v-.995z"
1956               />
1957               <path
1958                 d="M10 4.015h3V14H4V1h6v3.015zM9 8V6H8v2H6v1h2v2h1V9h2V8H9z"
1959               />
1960               <path
1961                 d="M11 1v2h2a2.151 2.151 0 0 0-2-2z"
1962               />
1963             </g>
1964           </svg>
1965         </button>
1966       </li>
1967     </ul>
1968     <li>
1969       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.run.sentence
1970       <strong>
1971         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.run.sentence.task
1972       </strong>
1973       <strong>
1974         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.run.sentence.after
1975       </strong>
1976     </li>
1977     <li>
1978       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.publish_qg.sentence
1979       <strong>
1980         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.publish_qg.sentence.task
1981       </strong>
1982       <div
1983         aria-label="alert.tooltip.info"
1984         class="alert spacer-top emotion-3"
1985         role="status"
1986       >
1987         <div
1988           class="emotion-2"
1989         >
1990           <div
1991             class="emotion-0"
1992           >
1993             <svg
1994               height="16"
1995               style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
1996               version="1.1"
1997               viewBox="0 0 16 16"
1998               width="16"
1999               xml:space="preserve"
2000               xmlns:xlink="http://www.w3.org/1999/xlink"
2001             >
2002               <path
2003                 d="M10.333 12.375v-1.458a.288.288 0 0 0-.291-.292h-.875V5.958a.288.288 0 0 0-.292-.291H5.958a.288.288 0 0 0-.291.291v1.459c0 .164.127.291.291.291h.875v2.917h-.875a.288.288 0 0 0-.291.292v1.458c0 .164.127.292.291.292h4.084a.288.288 0 0 0 .291-.292zM9.167 4.208V2.75a.288.288 0 0 0-.292-.292h-1.75a.288.288 0 0 0-.292.292v1.458c0 .164.128.292.292.292h1.75a.288.288 0 0 0 .292-.292zM15 8c0 3.865-3.135 7-7 7s-7-3.135-7-7 3.135-7 7-7 7 3.135 7 7z"
2004                 style="fill: #0271b9;"
2005               />
2006             </svg>
2007           </div>
2008           <div
2009             class="alert-content emotion-1"
2010           >
2011             onboarding.tutorial.with.azure_pipelines.BranchAnalysis.publish_qg.info.sentence1
2012           </div>
2013         </div>
2014       </div>
2015     </li>
2016     <li>
2017       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.continous_integration.sentence
2018       <strong>
2019         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.continous_integration.sentence.tab
2020       </strong>
2021       <strong>
2022         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.continous_integration.sentence.continuous_integration
2023       </strong>
2024     </li>
2025     <hr />
2026     onboarding.tutorial.with.azure_pipelines.BranchAnalysis.branch_protection
2027     <a
2028       href="/documentation/analysis/azuredevops-integration/"
2029       rel="noopener noreferrer"
2030       target="_blank"
2031     >
2032       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.branch_protection.link
2033     </a>
2034   </ol>
2035 </div>
2036 `;
2037
2038 exports[`should render correctly and allow navigating between the different steps: extension step 1`] = `
2039 <span
2040   data-testid="azure-tutorial__extension"
2041 >
2042   onboarding.tutorial.with.azure_pipelines.ExtensionInstallation.sentence
2043   <a
2044     href="https://marketplace.visualstudio.com/items?itemName=SonarSource.sonarqube"
2045     rel="noopener noreferrer"
2046     target="_blank"
2047   >
2048     <svg
2049       aria-label="opens_in_new_window"
2050       class="little-spacer-right"
2051       height="14"
2052       style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
2053       version="1.1"
2054       viewBox="0 0 16 16"
2055       width="14"
2056       xml:space="preserve"
2057       xmlns:xlink="http://www.w3.org/1999/xlink"
2058     >
2059       <path
2060         d="M12 9.25v2.5A2.25 2.25 0 0 1 9.75 14h-6.5A2.25 2.25 0 0 1 1 11.75v-6.5A2.25 2.25 0 0 1 3.25 3h5.5c.14 0 .25.11.25.25v.5c0 .14-.11.25-.25.25h-5.5C2.562 4 2 4.563 2 5.25v6.5c0 .688.563 1.25 1.25 1.25h6.5c.688 0 1.25-.563 1.25-1.25v-2.5c0-.14.11-.25.25-.25h.5c.14 0 .25.11.25.25zm3-6.75v4c0 .273-.227.5-.5.5a.497.497 0 0 1-.352-.148l-1.375-1.375L7.68 10.57a.27.27 0 0 1-.18.078.27.27 0 0 1-.18-.078l-.89-.89a.27.27 0 0 1-.078-.18.27.27 0 0 1 .078-.18l5.093-5.093-1.375-1.375A.497.497 0 0 1 10 2.5c0-.273.227-.5.5-.5h4c.273 0 .5.227.5.5z"
2061         style="fill: currentColor;"
2062       />
2063     </svg>
2064     onboarding.tutorial.with.azure_pipelines.ExtensionInstallation.sentence.link
2065   </a>
2066   <strong>
2067     onboarding.tutorial.with.azure_pipelines.ExtensionInstallation.sentence.button
2068   </strong>
2069 </span>
2070 `;
2071
2072 exports[`should render correctly and allow navigating between the different steps: gradle step 1`] = `
2073 .emotion-2 {
2074   display: -webkit-box;
2075   display: -webkit-flex;
2076   display: -ms-flexbox;
2077   display: flex;
2078   -webkit-align-items: stretch;
2079   -webkit-box-align: stretch;
2080   -ms-flex-align: stretch;
2081   align-items: stretch;
2082 }
2083
2084 .emotion-1 {
2085   -webkit-flex: 1 1 auto;
2086   -ms-flex: 1 1 auto;
2087   flex: 1 1 auto;
2088   overflow: auto;
2089   text-align: left;
2090   padding: 8px calc(2 * 8px);
2091 }
2092
2093 .emotion-3 {
2094   border: 1px solid;
2095   border-radius: 2px;
2096   margin-bottom: 8px;
2097   border-color: #b1dff3;
2098   background-color: #d9edf7;
2099   color: #0e516f;
2100   display: block;
2101 }
2102
2103 .emotion-3:empty {
2104   display: none;
2105 }
2106
2107 .emotion-3 a,
2108 .emotion-3 .button-link {
2109   border-color: #236a97;
2110 }
2111
2112 .emotion-0 {
2113   -webkit-flex: 0 0 auto;
2114   -ms-flex: 0 0 auto;
2115   flex: 0 0 auto;
2116   display: -webkit-box;
2117   display: -webkit-flex;
2118   display: -ms-flexbox;
2119   display: flex;
2120   -webkit-box-pack: center;
2121   -ms-flex-pack: center;
2122   -webkit-justify-content: center;
2123   justify-content: center;
2124   -webkit-align-items: center;
2125   -webkit-box-align: center;
2126   -ms-flex-align: center;
2127   align-items: center;
2128   width: calc(4 * 8px);
2129   border-right: 1px solid;
2130   border-color: #b1dff3;
2131 }
2132
2133 <div
2134   data-testid="azure-tutorial__analysis-command"
2135 >
2136   <div
2137     aria-label="alert.tooltip.info"
2138     class="alert big-spacer-top emotion-3"
2139     role="status"
2140   >
2141     <div
2142       class="emotion-2"
2143     >
2144       <div
2145         class="emotion-0"
2146       >
2147         <svg
2148           height="16"
2149           style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
2150           version="1.1"
2151           viewBox="0 0 16 16"
2152           width="16"
2153           xml:space="preserve"
2154           xmlns:xlink="http://www.w3.org/1999/xlink"
2155         >
2156           <path
2157             d="M10.333 12.375v-1.458a.288.288 0 0 0-.291-.292h-.875V5.958a.288.288 0 0 0-.292-.291H5.958a.288.288 0 0 0-.291.291v1.459c0 .164.127.291.291.291h.875v2.917h-.875a.288.288 0 0 0-.291.292v1.458c0 .164.127.292.291.292h4.084a.288.288 0 0 0 .291-.292zM9.167 4.208V2.75a.288.288 0 0 0-.292-.292h-1.75a.288.288 0 0 0-.292.292v1.458c0 .164.128.292.292.292h1.75a.288.288 0 0 0 .292-.292zM15 8c0 3.865-3.135 7-7 7s-7-3.135-7-7 3.135-7 7-7 7 3.135 7 7z"
2158             style="fill: #0271b9;"
2159           />
2160         </svg>
2161       </div>
2162       <div
2163         class="alert-content emotion-1"
2164       >
2165         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.info
2166         <a
2167           href="/documentation/analysis/azuredevops-integration/"
2168           rel="noopener noreferrer"
2169           target="_blank"
2170         >
2171           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.info.doc_link
2172         </a>
2173       </div>
2174     </div>
2175   </div>
2176   <ol
2177     class="list-styled big-spacer-top"
2178   >
2179     <li>
2180       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.sentence
2181       <strong>
2182         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.sentence.pipeline
2183       </strong>
2184       <strong>
2185         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.sentence.task
2186       </strong>
2187       <strong>
2188         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.sentence.before
2189       </strong>
2190     </li>
2191     <ul
2192       class="list-styled"
2193     >
2194       <li>
2195         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.endpoint.sentence
2196         <strong>
2197           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.endpoint.sentence.endpoint
2198         </strong>
2199       </li>
2200       <li>
2201         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.run_analysis
2202         <strong>
2203           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.run_analysis.section
2204         </strong>
2205         <strong>
2206           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.run_analysis.values.gradle
2207         </strong>
2208       </li>
2209       <li>
2210         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.advanced_properties.sentence
2211         <strong>
2212           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.advanced_properties.sentence.section
2213         </strong>
2214         <strong>
2215           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.advanced_properties.sentence.properties
2216         </strong>
2217         :
2218         <div
2219           class="code-snippet spacer-top spacer-bottom display-flex-row"
2220         >
2221           <pre
2222             class="flex-1"
2223             tabindex="0"
2224           >
2225             # Additional properties that will be passed to the scanner,
2226 # Put one key=value per line, example:
2227 # sonar.exclusions=**/*.bin
2228 sonar.projectKey=my-project
2229           </pre>
2230           <button
2231             aria-label="copy_to_clipboard"
2232             class="button no-select"
2233             data-clipboard-text="# Additional properties that will be passed to the scanner,
2234 # Put one key=value per line, example:
2235 # sonar.exclusions=**/*.bin
2236 sonar.projectKey=my-project"
2237             tabindex="0"
2238             type="button"
2239           >
2240             <svg
2241               class="little-spacer-right"
2242               height="16"
2243               style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
2244               version="1.1"
2245               viewBox="0 0 16 16"
2246               width="16"
2247               xml:space="preserve"
2248               xmlns:xlink="http://www.w3.org/1999/xlink"
2249             >
2250               <g
2251                 fill="currentColor"
2252                 fill-rule="nonzero"
2253               >
2254                 <path
2255                   d="M2.931 15.005V3H2v13h9v-.995z"
2256                 />
2257                 <path
2258                   d="M10 4.015h3V14H4V1h6v3.015zM9 8V6H8v2H6v1h2v2h1V9h2V8H9z"
2259                 />
2260                 <path
2261                   d="M11 1v2h2a2.151 2.151 0 0 0-2-2z"
2262                 />
2263               </g>
2264             </svg>
2265             copy
2266           </button>
2267         </div>
2268       </li>
2269     </ul>
2270     <li>
2271       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.title
2272       <ul
2273         class="list-styled"
2274       >
2275         <li>
2276           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.sentence
2277           <strong>
2278             onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.java_version
2279           </strong>
2280           <strong>
2281             11
2282           </strong>
2283
2284           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.or_higher
2285         </li>
2286         <li>
2287           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.sentence
2288           <strong>
2289             onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.java_architecture
2290           </strong>
2291           <strong>
2292             x64
2293           </strong>
2294         </li>
2295         <li>
2296           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.sentence
2297           <strong>
2298             onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.java_source
2299           </strong>
2300           <strong>
2301             onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.pre-installed
2302           </strong>
2303         </li>
2304       </ul>
2305     </li>
2306     <li>
2307       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java.onboarding.build.gradle
2308     </li>
2309     <ul
2310       class="list-styled big-spacer-bottom"
2311     >
2312       <li>
2313         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java.settings.sentence
2314         <strong>
2315           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java.settings.sentence.section
2316         </strong>
2317         <strong>
2318           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java.settings.sentence.option
2319         </strong>
2320       </li>
2321     </ul>
2322     <li>
2323       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.publish_qg.sentence
2324       <strong>
2325         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.publish_qg.sentence.task
2326       </strong>
2327       <div
2328         aria-label="alert.tooltip.info"
2329         class="alert spacer-top emotion-3"
2330         role="status"
2331       >
2332         <div
2333           class="emotion-2"
2334         >
2335           <div
2336             class="emotion-0"
2337           >
2338             <svg
2339               height="16"
2340               style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
2341               version="1.1"
2342               viewBox="0 0 16 16"
2343               width="16"
2344               xml:space="preserve"
2345               xmlns:xlink="http://www.w3.org/1999/xlink"
2346             >
2347               <path
2348                 d="M10.333 12.375v-1.458a.288.288 0 0 0-.291-.292h-.875V5.958a.288.288 0 0 0-.292-.291H5.958a.288.288 0 0 0-.291.291v1.459c0 .164.127.291.291.291h.875v2.917h-.875a.288.288 0 0 0-.291.292v1.458c0 .164.127.292.291.292h4.084a.288.288 0 0 0 .291-.292zM9.167 4.208V2.75a.288.288 0 0 0-.292-.292h-1.75a.288.288 0 0 0-.292.292v1.458c0 .164.128.292.292.292h1.75a.288.288 0 0 0 .292-.292zM15 8c0 3.865-3.135 7-7 7s-7-3.135-7-7 3.135-7 7-7 7 3.135 7 7z"
2349                 style="fill: #0271b9;"
2350               />
2351             </svg>
2352           </div>
2353           <div
2354             class="alert-content emotion-1"
2355           >
2356             onboarding.tutorial.with.azure_pipelines.BranchAnalysis.publish_qg.info.sentence1
2357           </div>
2358         </div>
2359       </div>
2360     </li>
2361     <li>
2362       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.continous_integration.sentence
2363       <strong>
2364         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.continous_integration.sentence.tab
2365       </strong>
2366       <strong>
2367         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.continous_integration.sentence.continuous_integration
2368       </strong>
2369     </li>
2370     <hr />
2371     onboarding.tutorial.with.azure_pipelines.BranchAnalysis.branch_protection
2372     <a
2373       href="/documentation/analysis/azuredevops-integration/"
2374       rel="noopener noreferrer"
2375       target="_blank"
2376     >
2377       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.branch_protection.link
2378     </a>
2379   </ol>
2380 </div>
2381 `;
2382
2383 exports[`should render correctly and allow navigating between the different steps: gradle step 2`] = `
2384 .emotion-2 {
2385   display: -webkit-box;
2386   display: -webkit-flex;
2387   display: -ms-flexbox;
2388   display: flex;
2389   -webkit-align-items: stretch;
2390   -webkit-box-align: stretch;
2391   -ms-flex-align: stretch;
2392   align-items: stretch;
2393 }
2394
2395 .emotion-1 {
2396   -webkit-flex: 1 1 auto;
2397   -ms-flex: 1 1 auto;
2398   flex: 1 1 auto;
2399   overflow: auto;
2400   text-align: left;
2401   padding: 8px calc(2 * 8px);
2402 }
2403
2404 .emotion-3 {
2405   border: 1px solid;
2406   border-radius: 2px;
2407   margin-bottom: 8px;
2408   border-color: #b1dff3;
2409   background-color: #d9edf7;
2410   color: #0e516f;
2411   display: block;
2412 }
2413
2414 .emotion-3:empty {
2415   display: none;
2416 }
2417
2418 .emotion-3 a,
2419 .emotion-3 .button-link {
2420   border-color: #236a97;
2421 }
2422
2423 .emotion-0 {
2424   -webkit-flex: 0 0 auto;
2425   -ms-flex: 0 0 auto;
2426   flex: 0 0 auto;
2427   display: -webkit-box;
2428   display: -webkit-flex;
2429   display: -ms-flexbox;
2430   display: flex;
2431   -webkit-box-pack: center;
2432   -ms-flex-pack: center;
2433   -webkit-justify-content: center;
2434   justify-content: center;
2435   -webkit-align-items: center;
2436   -webkit-box-align: center;
2437   -ms-flex-align: center;
2438   align-items: center;
2439   width: calc(4 * 8px);
2440   border-right: 1px solid;
2441   border-color: #b1dff3;
2442 }
2443
2444 <div
2445   data-testid="azure-tutorial__analysis-command"
2446 >
2447   <div
2448     aria-label="alert.tooltip.info"
2449     class="alert big-spacer-top emotion-3"
2450     role="status"
2451   >
2452     <div
2453       class="emotion-2"
2454     >
2455       <div
2456         class="emotion-0"
2457       >
2458         <svg
2459           height="16"
2460           style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
2461           version="1.1"
2462           viewBox="0 0 16 16"
2463           width="16"
2464           xml:space="preserve"
2465           xmlns:xlink="http://www.w3.org/1999/xlink"
2466         >
2467           <path
2468             d="M10.333 12.375v-1.458a.288.288 0 0 0-.291-.292h-.875V5.958a.288.288 0 0 0-.292-.291H5.958a.288.288 0 0 0-.291.291v1.459c0 .164.127.291.291.291h.875v2.917h-.875a.288.288 0 0 0-.291.292v1.458c0 .164.127.292.291.292h4.084a.288.288 0 0 0 .291-.292zM9.167 4.208V2.75a.288.288 0 0 0-.292-.292h-1.75a.288.288 0 0 0-.292.292v1.458c0 .164.128.292.292.292h1.75a.288.288 0 0 0 .292-.292zM15 8c0 3.865-3.135 7-7 7s-7-3.135-7-7 3.135-7 7-7 7 3.135 7 7z"
2469             style="fill: #0271b9;"
2470           />
2471         </svg>
2472       </div>
2473       <div
2474         class="alert-content emotion-1"
2475       >
2476         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.info
2477         <a
2478           href="/documentation/analysis/azuredevops-integration/"
2479           rel="noopener noreferrer"
2480           target="_blank"
2481         >
2482           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.info.doc_link
2483         </a>
2484       </div>
2485     </div>
2486   </div>
2487   <ol
2488     class="list-styled big-spacer-top"
2489   >
2490     <li>
2491       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.sentence
2492       <strong>
2493         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.sentence.pipeline
2494       </strong>
2495       <strong>
2496         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.sentence.task
2497       </strong>
2498       <strong>
2499         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.sentence.before
2500       </strong>
2501     </li>
2502     <ul
2503       class="list-styled"
2504     >
2505       <li>
2506         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.endpoint.sentence
2507         <strong>
2508           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.endpoint.sentence.endpoint
2509         </strong>
2510       </li>
2511       <li>
2512         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.run_analysis
2513         <strong>
2514           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.run_analysis.section
2515         </strong>
2516         <strong>
2517           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.run_analysis.values.gradle
2518         </strong>
2519       </li>
2520       <li>
2521         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.advanced_properties.sentence
2522         <strong>
2523           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.advanced_properties.sentence.section
2524         </strong>
2525         <strong>
2526           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.advanced_properties.sentence.properties
2527         </strong>
2528         :
2529         <div
2530           class="code-snippet spacer-top spacer-bottom display-flex-row"
2531         >
2532           <pre
2533             class="flex-1"
2534             tabindex="0"
2535           >
2536             # Additional properties that will be passed to the scanner,
2537 # Put one key=value per line, example:
2538 # sonar.exclusions=**/*.bin
2539 sonar.projectKey=my-project
2540           </pre>
2541           <button
2542             aria-label="copy_to_clipboard"
2543             class="button no-select"
2544             data-clipboard-text="# Additional properties that will be passed to the scanner,
2545 # Put one key=value per line, example:
2546 # sonar.exclusions=**/*.bin
2547 sonar.projectKey=my-project"
2548             tabindex="0"
2549             type="button"
2550           >
2551             <svg
2552               class="little-spacer-right"
2553               height="16"
2554               style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
2555               version="1.1"
2556               viewBox="0 0 16 16"
2557               width="16"
2558               xml:space="preserve"
2559               xmlns:xlink="http://www.w3.org/1999/xlink"
2560             >
2561               <g
2562                 fill="currentColor"
2563                 fill-rule="nonzero"
2564               >
2565                 <path
2566                   d="M2.931 15.005V3H2v13h9v-.995z"
2567                 />
2568                 <path
2569                   d="M10 4.015h3V14H4V1h6v3.015zM9 8V6H8v2H6v1h2v2h1V9h2V8H9z"
2570                 />
2571                 <path
2572                   d="M11 1v2h2a2.151 2.151 0 0 0-2-2z"
2573                 />
2574               </g>
2575             </svg>
2576             copy
2577           </button>
2578         </div>
2579       </li>
2580     </ul>
2581     <li>
2582       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.title
2583       <ul
2584         class="list-styled"
2585       >
2586         <li>
2587           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.sentence
2588           <strong>
2589             onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.java_version
2590           </strong>
2591           <strong>
2592             11
2593           </strong>
2594
2595           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.or_higher
2596         </li>
2597         <li>
2598           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.sentence
2599           <strong>
2600             onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.java_architecture
2601           </strong>
2602           <strong>
2603             x64
2604           </strong>
2605         </li>
2606         <li>
2607           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.sentence
2608           <strong>
2609             onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.java_source
2610           </strong>
2611           <strong>
2612             onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.pre-installed
2613           </strong>
2614         </li>
2615       </ul>
2616     </li>
2617     <li>
2618       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java.onboarding.build.gradle
2619     </li>
2620     <ul
2621       class="list-styled big-spacer-bottom"
2622     >
2623       <li>
2624         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java.settings.sentence
2625         <strong>
2626           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java.settings.sentence.section
2627         </strong>
2628         <strong>
2629           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java.settings.sentence.option
2630         </strong>
2631       </li>
2632     </ul>
2633     <li>
2634       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.publish_qg.sentence
2635       <strong>
2636         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.publish_qg.sentence.task
2637       </strong>
2638       <div
2639         aria-label="alert.tooltip.info"
2640         class="alert spacer-top emotion-3"
2641         role="status"
2642       >
2643         <div
2644           class="emotion-2"
2645         >
2646           <div
2647             class="emotion-0"
2648           >
2649             <svg
2650               height="16"
2651               style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
2652               version="1.1"
2653               viewBox="0 0 16 16"
2654               width="16"
2655               xml:space="preserve"
2656               xmlns:xlink="http://www.w3.org/1999/xlink"
2657             >
2658               <path
2659                 d="M10.333 12.375v-1.458a.288.288 0 0 0-.291-.292h-.875V5.958a.288.288 0 0 0-.292-.291H5.958a.288.288 0 0 0-.291.291v1.459c0 .164.127.291.291.291h.875v2.917h-.875a.288.288 0 0 0-.291.292v1.458c0 .164.127.292.291.292h4.084a.288.288 0 0 0 .291-.292zM9.167 4.208V2.75a.288.288 0 0 0-.292-.292h-1.75a.288.288 0 0 0-.292.292v1.458c0 .164.128.292.292.292h1.75a.288.288 0 0 0 .292-.292zM15 8c0 3.865-3.135 7-7 7s-7-3.135-7-7 3.135-7 7-7 7 3.135 7 7z"
2660                 style="fill: #0271b9;"
2661               />
2662             </svg>
2663           </div>
2664           <div
2665             class="alert-content emotion-1"
2666           >
2667             onboarding.tutorial.with.azure_pipelines.BranchAnalysis.publish_qg.info.sentence1
2668           </div>
2669         </div>
2670       </div>
2671     </li>
2672     <li>
2673       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.continous_integration.sentence
2674       <strong>
2675         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.continous_integration.sentence.tab
2676       </strong>
2677       <strong>
2678         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.continous_integration.sentence.continuous_integration
2679       </strong>
2680     </li>
2681     <hr />
2682     onboarding.tutorial.with.azure_pipelines.BranchAnalysis.branch_protection
2683     <a
2684       href="/documentation/analysis/azuredevops-integration/"
2685       rel="noopener noreferrer"
2686       target="_blank"
2687     >
2688       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.branch_protection.link
2689     </a>
2690   </ol>
2691 </div>
2692 `;
2693
2694 exports[`should render correctly and allow navigating between the different steps: maven step 1`] = `
2695 .emotion-2 {
2696   display: -webkit-box;
2697   display: -webkit-flex;
2698   display: -ms-flexbox;
2699   display: flex;
2700   -webkit-align-items: stretch;
2701   -webkit-box-align: stretch;
2702   -ms-flex-align: stretch;
2703   align-items: stretch;
2704 }
2705
2706 .emotion-1 {
2707   -webkit-flex: 1 1 auto;
2708   -ms-flex: 1 1 auto;
2709   flex: 1 1 auto;
2710   overflow: auto;
2711   text-align: left;
2712   padding: 8px calc(2 * 8px);
2713 }
2714
2715 .emotion-3 {
2716   border: 1px solid;
2717   border-radius: 2px;
2718   margin-bottom: 8px;
2719   border-color: #b1dff3;
2720   background-color: #d9edf7;
2721   color: #0e516f;
2722   display: block;
2723 }
2724
2725 .emotion-3:empty {
2726   display: none;
2727 }
2728
2729 .emotion-3 a,
2730 .emotion-3 .button-link {
2731   border-color: #236a97;
2732 }
2733
2734 .emotion-0 {
2735   -webkit-flex: 0 0 auto;
2736   -ms-flex: 0 0 auto;
2737   flex: 0 0 auto;
2738   display: -webkit-box;
2739   display: -webkit-flex;
2740   display: -ms-flexbox;
2741   display: flex;
2742   -webkit-box-pack: center;
2743   -ms-flex-pack: center;
2744   -webkit-justify-content: center;
2745   justify-content: center;
2746   -webkit-align-items: center;
2747   -webkit-box-align: center;
2748   -ms-flex-align: center;
2749   align-items: center;
2750   width: calc(4 * 8px);
2751   border-right: 1px solid;
2752   border-color: #b1dff3;
2753 }
2754
2755 <div
2756   data-testid="azure-tutorial__analysis-command"
2757 >
2758   <div
2759     aria-label="alert.tooltip.info"
2760     class="alert big-spacer-top emotion-3"
2761     role="status"
2762   >
2763     <div
2764       class="emotion-2"
2765     >
2766       <div
2767         class="emotion-0"
2768       >
2769         <svg
2770           height="16"
2771           style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
2772           version="1.1"
2773           viewBox="0 0 16 16"
2774           width="16"
2775           xml:space="preserve"
2776           xmlns:xlink="http://www.w3.org/1999/xlink"
2777         >
2778           <path
2779             d="M10.333 12.375v-1.458a.288.288 0 0 0-.291-.292h-.875V5.958a.288.288 0 0 0-.292-.291H5.958a.288.288 0 0 0-.291.291v1.459c0 .164.127.291.291.291h.875v2.917h-.875a.288.288 0 0 0-.291.292v1.458c0 .164.127.292.291.292h4.084a.288.288 0 0 0 .291-.292zM9.167 4.208V2.75a.288.288 0 0 0-.292-.292h-1.75a.288.288 0 0 0-.292.292v1.458c0 .164.128.292.292.292h1.75a.288.288 0 0 0 .292-.292zM15 8c0 3.865-3.135 7-7 7s-7-3.135-7-7 3.135-7 7-7 7 3.135 7 7z"
2780             style="fill: #0271b9;"
2781           />
2782         </svg>
2783       </div>
2784       <div
2785         class="alert-content emotion-1"
2786       >
2787         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.info
2788         <a
2789           href="/documentation/analysis/azuredevops-integration/"
2790           rel="noopener noreferrer"
2791           target="_blank"
2792         >
2793           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.info.doc_link
2794         </a>
2795       </div>
2796     </div>
2797   </div>
2798   <ol
2799     class="list-styled big-spacer-top"
2800   >
2801     <li>
2802       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.sentence
2803       <strong>
2804         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.sentence.pipeline
2805       </strong>
2806       <strong>
2807         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.sentence.task
2808       </strong>
2809       <strong>
2810         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.sentence.before
2811       </strong>
2812     </li>
2813     <ul
2814       class="list-styled"
2815     >
2816       <li>
2817         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.endpoint.sentence
2818         <strong>
2819           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.endpoint.sentence.endpoint
2820         </strong>
2821       </li>
2822       <li>
2823         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.run_analysis
2824         <strong>
2825           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.run_analysis.section
2826         </strong>
2827         <strong>
2828           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.run_analysis.values.gradle
2829         </strong>
2830       </li>
2831       <li>
2832         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.advanced_properties.sentence
2833         <strong>
2834           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.advanced_properties.sentence.section
2835         </strong>
2836         <strong>
2837           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.advanced_properties.sentence.properties
2838         </strong>
2839         :
2840         <div
2841           class="code-snippet spacer-top spacer-bottom display-flex-row"
2842         >
2843           <pre
2844             class="flex-1"
2845             tabindex="0"
2846           >
2847             # Additional properties that will be passed to the scanner,
2848 # Put one key=value per line, example:
2849 # sonar.exclusions=**/*.bin
2850 sonar.projectKey=my-project
2851           </pre>
2852           <button
2853             aria-label="copy_to_clipboard"
2854             class="button no-select"
2855             data-clipboard-text="# Additional properties that will be passed to the scanner,
2856 # Put one key=value per line, example:
2857 # sonar.exclusions=**/*.bin
2858 sonar.projectKey=my-project"
2859             tabindex="0"
2860             type="button"
2861           >
2862             <svg
2863               class="little-spacer-right"
2864               height="16"
2865               style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
2866               version="1.1"
2867               viewBox="0 0 16 16"
2868               width="16"
2869               xml:space="preserve"
2870               xmlns:xlink="http://www.w3.org/1999/xlink"
2871             >
2872               <g
2873                 fill="currentColor"
2874                 fill-rule="nonzero"
2875               >
2876                 <path
2877                   d="M2.931 15.005V3H2v13h9v-.995z"
2878                 />
2879                 <path
2880                   d="M10 4.015h3V14H4V1h6v3.015zM9 8V6H8v2H6v1h2v2h1V9h2V8H9z"
2881                 />
2882                 <path
2883                   d="M11 1v2h2a2.151 2.151 0 0 0-2-2z"
2884                 />
2885               </g>
2886             </svg>
2887             copy
2888           </button>
2889         </div>
2890       </li>
2891     </ul>
2892     <li>
2893       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.title
2894       <ul
2895         class="list-styled"
2896       >
2897         <li>
2898           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.sentence
2899           <strong>
2900             onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.java_version
2901           </strong>
2902           <strong>
2903             11
2904           </strong>
2905
2906           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.or_higher
2907         </li>
2908         <li>
2909           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.sentence
2910           <strong>
2911             onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.java_architecture
2912           </strong>
2913           <strong>
2914             x64
2915           </strong>
2916         </li>
2917         <li>
2918           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.sentence
2919           <strong>
2920             onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.java_source
2921           </strong>
2922           <strong>
2923             onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.pre-installed
2924           </strong>
2925         </li>
2926       </ul>
2927     </li>
2928     <li>
2929       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java.onboarding.build.maven
2930     </li>
2931     <ul
2932       class="list-styled big-spacer-bottom"
2933     >
2934       <li>
2935         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java.settings.sentence
2936         <strong>
2937           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java.settings.sentence.section
2938         </strong>
2939         <strong>
2940           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java.settings.sentence.option
2941         </strong>
2942       </li>
2943     </ul>
2944     <li>
2945       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.publish_qg.sentence
2946       <strong>
2947         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.publish_qg.sentence.task
2948       </strong>
2949       <div
2950         aria-label="alert.tooltip.info"
2951         class="alert spacer-top emotion-3"
2952         role="status"
2953       >
2954         <div
2955           class="emotion-2"
2956         >
2957           <div
2958             class="emotion-0"
2959           >
2960             <svg
2961               height="16"
2962               style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
2963               version="1.1"
2964               viewBox="0 0 16 16"
2965               width="16"
2966               xml:space="preserve"
2967               xmlns:xlink="http://www.w3.org/1999/xlink"
2968             >
2969               <path
2970                 d="M10.333 12.375v-1.458a.288.288 0 0 0-.291-.292h-.875V5.958a.288.288 0 0 0-.292-.291H5.958a.288.288 0 0 0-.291.291v1.459c0 .164.127.291.291.291h.875v2.917h-.875a.288.288 0 0 0-.291.292v1.458c0 .164.127.292.291.292h4.084a.288.288 0 0 0 .291-.292zM9.167 4.208V2.75a.288.288 0 0 0-.292-.292h-1.75a.288.288 0 0 0-.292.292v1.458c0 .164.128.292.292.292h1.75a.288.288 0 0 0 .292-.292zM15 8c0 3.865-3.135 7-7 7s-7-3.135-7-7 3.135-7 7-7 7 3.135 7 7z"
2971                 style="fill: #0271b9;"
2972               />
2973             </svg>
2974           </div>
2975           <div
2976             class="alert-content emotion-1"
2977           >
2978             onboarding.tutorial.with.azure_pipelines.BranchAnalysis.publish_qg.info.sentence1
2979           </div>
2980         </div>
2981       </div>
2982     </li>
2983     <li>
2984       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.continous_integration.sentence
2985       <strong>
2986         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.continous_integration.sentence.tab
2987       </strong>
2988       <strong>
2989         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.continous_integration.sentence.continuous_integration
2990       </strong>
2991     </li>
2992     <hr />
2993     onboarding.tutorial.with.azure_pipelines.BranchAnalysis.branch_protection
2994     <a
2995       href="/documentation/analysis/azuredevops-integration/"
2996       rel="noopener noreferrer"
2997       target="_blank"
2998     >
2999       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.branch_protection.link
3000     </a>
3001   </ol>
3002 </div>
3003 `;
3004
3005 exports[`should render correctly and allow navigating between the different steps: other step 1`] = `
3006 .emotion-2 {
3007   display: -webkit-box;
3008   display: -webkit-flex;
3009   display: -ms-flexbox;
3010   display: flex;
3011   -webkit-align-items: stretch;
3012   -webkit-box-align: stretch;
3013   -ms-flex-align: stretch;
3014   align-items: stretch;
3015 }
3016
3017 .emotion-1 {
3018   -webkit-flex: 1 1 auto;
3019   -ms-flex: 1 1 auto;
3020   flex: 1 1 auto;
3021   overflow: auto;
3022   text-align: left;
3023   padding: 8px calc(2 * 8px);
3024 }
3025
3026 .emotion-3 {
3027   border: 1px solid;
3028   border-radius: 2px;
3029   margin-bottom: 8px;
3030   border-color: #b1dff3;
3031   background-color: #d9edf7;
3032   color: #0e516f;
3033   display: block;
3034 }
3035
3036 .emotion-3:empty {
3037   display: none;
3038 }
3039
3040 .emotion-3 a,
3041 .emotion-3 .button-link {
3042   border-color: #236a97;
3043 }
3044
3045 .emotion-0 {
3046   -webkit-flex: 0 0 auto;
3047   -ms-flex: 0 0 auto;
3048   flex: 0 0 auto;
3049   display: -webkit-box;
3050   display: -webkit-flex;
3051   display: -ms-flexbox;
3052   display: flex;
3053   -webkit-box-pack: center;
3054   -ms-flex-pack: center;
3055   -webkit-justify-content: center;
3056   justify-content: center;
3057   -webkit-align-items: center;
3058   -webkit-box-align: center;
3059   -ms-flex-align: center;
3060   align-items: center;
3061   width: calc(4 * 8px);
3062   border-right: 1px solid;
3063   border-color: #b1dff3;
3064 }
3065
3066 <div
3067   data-testid="azure-tutorial__analysis-command"
3068 >
3069   <div
3070     aria-label="alert.tooltip.info"
3071     class="alert big-spacer-top emotion-3"
3072     role="status"
3073   >
3074     <div
3075       class="emotion-2"
3076     >
3077       <div
3078         class="emotion-0"
3079       >
3080         <svg
3081           height="16"
3082           style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
3083           version="1.1"
3084           viewBox="0 0 16 16"
3085           width="16"
3086           xml:space="preserve"
3087           xmlns:xlink="http://www.w3.org/1999/xlink"
3088         >
3089           <path
3090             d="M10.333 12.375v-1.458a.288.288 0 0 0-.291-.292h-.875V5.958a.288.288 0 0 0-.292-.291H5.958a.288.288 0 0 0-.291.291v1.459c0 .164.127.291.291.291h.875v2.917h-.875a.288.288 0 0 0-.291.292v1.458c0 .164.127.292.291.292h4.084a.288.288 0 0 0 .291-.292zM9.167 4.208V2.75a.288.288 0 0 0-.292-.292h-1.75a.288.288 0 0 0-.292.292v1.458c0 .164.128.292.292.292h1.75a.288.288 0 0 0 .292-.292zM15 8c0 3.865-3.135 7-7 7s-7-3.135-7-7 3.135-7 7-7 7 3.135 7 7z"
3091             style="fill: #0271b9;"
3092           />
3093         </svg>
3094       </div>
3095       <div
3096         class="alert-content emotion-1"
3097       >
3098         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.info
3099         <a
3100           href="/documentation/analysis/azuredevops-integration/"
3101           rel="noopener noreferrer"
3102           target="_blank"
3103         >
3104           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.info.doc_link
3105         </a>
3106       </div>
3107     </div>
3108   </div>
3109   <ol
3110     class="list-styled big-spacer-top"
3111   >
3112     <li>
3113       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.sentence
3114       <strong>
3115         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.sentence.pipeline
3116       </strong>
3117       <strong>
3118         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.sentence.task
3119       </strong>
3120       <strong>
3121         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.sentence.before
3122       </strong>
3123     </li>
3124     <ul
3125       class="list-styled"
3126     >
3127       <li>
3128         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.endpoint.sentence
3129         <strong>
3130           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.endpoint.sentence.endpoint
3131         </strong>
3132       </li>
3133       <li>
3134         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.run_analysis
3135         <strong>
3136           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.run_analysis.section
3137         </strong>
3138         <strong>
3139           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.run_analysis.values.other
3140         </strong>
3141       </li>
3142       <li>
3143         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.manual.sentence
3144         <strong>
3145           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.manual.sentence.mode
3146         </strong>
3147       </li>
3148       <li>
3149         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.run.key.sentence
3150         <b>
3151           onboarding.tutorial.with.azure_pipelines.BranchAnalysis.run.key.sentence.project_key
3152         </b>
3153         <code
3154           class="rule"
3155         >
3156           my-project
3157         </code>
3158         <button
3159           aria-label="copy_to_clipboard"
3160           class="button no-select button-icon"
3161           data-clipboard-text="my-project"
3162           style="color: rgb(35, 106, 151);"
3163           tabindex="0"
3164           type="button"
3165         >
3166           <svg
3167             height="16"
3168             style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
3169             version="1.1"
3170             viewBox="0 0 16 16"
3171             width="16"
3172             xml:space="preserve"
3173             xmlns:xlink="http://www.w3.org/1999/xlink"
3174           >
3175             <g
3176               fill="currentColor"
3177               fill-rule="nonzero"
3178             >
3179               <path
3180                 d="M2.931 15.005V3H2v13h9v-.995z"
3181               />
3182               <path
3183                 d="M10 4.015h3V14H4V1h6v3.015zM9 8V6H8v2H6v1h2v2h1V9h2V8H9z"
3184               />
3185               <path
3186                 d="M11 1v2h2a2.151 2.151 0 0 0-2-2z"
3187               />
3188             </g>
3189           </svg>
3190         </button>
3191       </li>
3192     </ul>
3193     <li>
3194       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.run.sentence
3195       <strong>
3196         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.run.sentence.task
3197       </strong>
3198       <strong>
3199         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.run.sentence.after
3200       </strong>
3201     </li>
3202     <li>
3203       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.publish_qg.sentence
3204       <strong>
3205         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.publish_qg.sentence.task
3206       </strong>
3207       <div
3208         aria-label="alert.tooltip.info"
3209         class="alert spacer-top emotion-3"
3210         role="status"
3211       >
3212         <div
3213           class="emotion-2"
3214         >
3215           <div
3216             class="emotion-0"
3217           >
3218             <svg
3219               height="16"
3220               style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
3221               version="1.1"
3222               viewBox="0 0 16 16"
3223               width="16"
3224               xml:space="preserve"
3225               xmlns:xlink="http://www.w3.org/1999/xlink"
3226             >
3227               <path
3228                 d="M10.333 12.375v-1.458a.288.288 0 0 0-.291-.292h-.875V5.958a.288.288 0 0 0-.292-.291H5.958a.288.288 0 0 0-.291.291v1.459c0 .164.127.291.291.291h.875v2.917h-.875a.288.288 0 0 0-.291.292v1.458c0 .164.127.292.291.292h4.084a.288.288 0 0 0 .291-.292zM9.167 4.208V2.75a.288.288 0 0 0-.292-.292h-1.75a.288.288 0 0 0-.292.292v1.458c0 .164.128.292.292.292h1.75a.288.288 0 0 0 .292-.292zM15 8c0 3.865-3.135 7-7 7s-7-3.135-7-7 3.135-7 7-7 7 3.135 7 7z"
3229                 style="fill: #0271b9;"
3230               />
3231             </svg>
3232           </div>
3233           <div
3234             class="alert-content emotion-1"
3235           >
3236             onboarding.tutorial.with.azure_pipelines.BranchAnalysis.publish_qg.info.sentence1
3237           </div>
3238         </div>
3239       </div>
3240     </li>
3241     <li>
3242       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.continous_integration.sentence
3243       <strong>
3244         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.continous_integration.sentence.tab
3245       </strong>
3246       <strong>
3247         onboarding.tutorial.with.azure_pipelines.BranchAnalysis.continous_integration.sentence.continuous_integration
3248       </strong>
3249     </li>
3250     <hr />
3251     onboarding.tutorial.with.azure_pipelines.BranchAnalysis.branch_protection
3252     <a
3253       href="/documentation/analysis/azuredevops-integration/"
3254       rel="noopener noreferrer"
3255       target="_blank"
3256     >
3257       onboarding.tutorial.with.azure_pipelines.BranchAnalysis.branch_protection.link
3258     </a>
3259   </ol>
3260 </div>
3261 `;
3262
3263 exports[`should render correctly and allow navigating between the different steps: service endpoint step 1`] = `
3264 <ol
3265   class="list-styled"
3266   data-testid="azure-tutorial__service-endpoint"
3267 >
3268   <li>
3269     onboarding.tutorial.with.azure_pipelines.ServiceEndpoint.step1.sentence
3270     <strong>
3271       onboarding.tutorial.with.azure_pipelines.ServiceEndpoint.step1.sentence.menu
3272     </strong>
3273   </li>
3274   <li>
3275     onboarding.tutorial.with.azure_pipelines.ServiceEndpoint.step2.sentence
3276     <strong>
3277       onboarding.tutorial.with.azure_pipelines.ServiceEndpoint.step2.sentence.type
3278     </strong>
3279   </li>
3280   <li>
3281     onboarding.tutorial.with.azure_pipelines.ServiceEndpoint.step3.sentence
3282     <code
3283       class="rule"
3284     >
3285       http://localhost:9000
3286     </code>
3287     <button
3288       aria-label="copy_to_clipboard"
3289       class="button no-select button-icon"
3290       data-clipboard-text="http://localhost:9000"
3291       style="color: rgb(35, 106, 151);"
3292       tabindex="0"
3293       type="button"
3294     >
3295       <svg
3296         height="16"
3297         style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 1.41421;"
3298         version="1.1"
3299         viewBox="0 0 16 16"
3300         width="16"
3301         xml:space="preserve"
3302         xmlns:xlink="http://www.w3.org/1999/xlink"
3303       >
3304         <g
3305           fill="currentColor"
3306           fill-rule="nonzero"
3307         >
3308           <path
3309             d="M2.931 15.005V3H2v13h9v-.995z"
3310           />
3311           <path
3312             d="M10 4.015h3V14H4V1h6v3.015zM9 8V6H8v2H6v1h2v2h1V9h2V8H9z"
3313           />
3314           <path
3315             d="M11 1v2h2a2.151 2.151 0 0 0-2-2z"
3316           />
3317         </g>
3318       </svg>
3319     </button>
3320   </li>
3321   <li>
3322     <span>
3323       onboarding.tutorial.with.azure_pipelines.ServiceEndpoint.step4.sentence
3324       :
3325     </span>
3326     <button
3327       class="button spacer-left"
3328       type="button"
3329     >
3330       onboarding.token.generate.long
3331     </button>
3332   </li>
3333   <li>
3334     onboarding.tutorial.with.azure_pipelines.ServiceEndpoint.step5.sentence
3335   </li>
3336   <li>
3337     onboarding.tutorial.with.azure_pipelines.ServiceEndpoint.step6.sentence
3338   </li>
3339 </ol>
3340 `;