github.com/freiheit-com/kuberpult@v1.24.2-0.20240328135542-315d5630abe6/services/frontend-service/src/ui/components/ReleaseDialog/__snapshots__/ReleaseDialog.test.tsx.snap (about) 1 // Jest Snapshot v1, https://goo.gl/fbAQLP 2 3 exports[`Release Dialog Renders the environment locks normal release 1`] = ` 4 <body> 5 <div> 6 <div> 7 <div 8 class="confirmation-dialog-container confirmation-dialog-container-open" 9 > 10 <div 11 class="confirmation-dialog-open release-dialog" 12 > 13 <div 14 class="release-dialog-app-bar" 15 > 16 <div 17 class="release-dialog-app-bar-data" 18 > 19 <div 20 class="release-dialog-message" 21 > 22 <span 23 class="release-dialog-commitMessage" 24 > 25 test1 26 </span> 27 </div> 28 <div 29 class="source" 30 > 31 <span> 32 Created 33 <div> 34 some formatted date 35 </div> 36 by 37 test 38 39 </span> 40 <span 41 class="links" 42 > 43 44 45 <a 46 href="/ui/commits/commit" 47 title="Opens the commit history" 48 > 49 Commit History 50 </a> 51 </span> 52 </div> 53 <div 54 class="release-dialog-app" 55 > 56 App: 57 <span> 58 test1 59 </span> 60 </div> 61 </div> 62 <button 63 aria-label="" 64 class="mdc-button release-dialog-close" 65 > 66 <div 67 class="mdc-button__ripple" 68 /> 69 <svg> 70 Close.svg 71 </svg> 72 </button> 73 </div> 74 <div 75 class="release-env-group-list" 76 > 77 <ul 78 class="release-env-list" 79 > 80 <li 81 class="env-card" 82 > 83 <div 84 class="env-card-header" 85 > 86 <div 87 class="mdc-evolution-chip release-environment environment-priority-unrecognized" 88 role="row" 89 > 90 <span 91 class="mdc-evolution-chip__cell mdc-evolution-chip__cell--primary mdc-evolution-chip__action--primary" 92 role="gridcell" 93 > 94 <span 95 class="mdc-evolution-chip__text-name" 96 > 97 <span> 98 prod 99 </span> 100 </span> 101 102 <span 103 class="mdc-evolution-chip__text-numbers" 104 /> 105 <div 106 class="release-environment env-locks" 107 > 108 <div 109 class="tooltip-container" 110 data-tooltip-delay-hide="50" 111 data-tooltip-html="<div><div>Environment locked by unknown</div><div>with Message: <b>envLock</b></div><div>ID: ui-envlock</div><div>Click to unlock.</div></div>" 112 data-tooltip-id="kuberpult-tooltip" 113 data-tooltip-place="bottom" 114 id="tooltipenv-group-chip-id-ui-envlock" 115 > 116 <div> 117 <button 118 aria-label="" 119 class="mdc-button button-lock" 120 > 121 <div 122 class="mdc-button__ripple" 123 /> 124 <svg 125 class="env-card-env-lock-icon fixed-size" 126 > 127 Locks_White.svg 128 </svg> 129 </button> 130 </div> 131 </div> 132 </div> 133 </span> 134 </div> 135 <div 136 class="env-card-app-locks" 137 > 138 <div 139 title="App Lock Message: \\"appLock\\" | ID: \\"ui-applock\\" | Click to unlock. " 140 > 141 <button 142 aria-label="" 143 class="mdc-button button-lock" 144 > 145 <div 146 class="mdc-button__ripple" 147 /> 148 <svg 149 class="env-card-app-lock" 150 > 151 Locks.svg 152 </svg> 153 </button> 154 </div> 155 <span 156 class="rollout__description_pending" 157 > 158 ⧖ Pending 159 </span> 160 </div> 161 </div> 162 <div 163 class="content-area" 164 > 165 <div 166 class="content-left" 167 > 168 <div 169 class="env-card-data" 170 title="Shows the version that is currently deployed on prod. " 171 > 172 <span> 173 <span 174 class="release-version__display-version" 175 title="commit" 176 > 177 2 178 </span> 179 test1 180 </span> 181 </div> 182 <div 183 class="env-card-data" 184 > 185 <div> 186 Deployed by unknown 187 188 </div> 189 <div> 190 191 </div> 192 </div> 193 </div> 194 <div 195 class="content-right" 196 > 197 <div 198 class="env-card-buttons" 199 > 200 <button 201 aria-label="Add lock" 202 class="mdc-button env-card-add-lock-btn" 203 > 204 <div 205 class="mdc-button__ripple" 206 /> 207 <svg 208 class="icon" 209 > 210 Locks.svg 211 </svg> 212 <span 213 class="mdc-button__label" 214 > 215 Add lock 216 </span> 217 </button> 218 <div 219 title="When doing manual deployments, it is usually best to also lock the app. If you omit the lock, an automatic release train or another person may deploy an unintended version. If you do not want a lock, click the arrow." 220 > 221 <div 222 class="expand-button" 223 > 224 <div 225 class="first-two" 226 > 227 <button 228 aria-label="Deploy & Lock" 229 class="mdc-button button-main env-card-deploy-btn mdc-button--unelevated" 230 > 231 <div 232 class="mdc-button__ripple" 233 /> 234 <span 235 class="mdc-button__label" 236 > 237 Deploy & Lock 238 </span> 239 </button> 240 <button 241 aria-label="" 242 class="mdc-button button-expand" 243 > 244 <div 245 class="mdc-button__ripple" 246 /> 247 <div 248 class="dropdown-arrow" 249 > 250 ⌄ 251 </div> 252 </button> 253 </div> 254 </div> 255 </div> 256 </div> 257 </div> 258 </div> 259 </li> 260 </ul> 261 </div> 262 </div> 263 </div> 264 </div> 265 </div> 266 </body> 267 `; 268 269 exports[`Release Dialog Renders the environment locks normal release with deploymentMetadata set 1`] = ` 270 <body> 271 <div> 272 <div> 273 <div 274 class="confirmation-dialog-container confirmation-dialog-container-open" 275 > 276 <div 277 class="confirmation-dialog-open release-dialog" 278 > 279 <div 280 class="release-dialog-app-bar" 281 > 282 <div 283 class="release-dialog-app-bar-data" 284 > 285 <div 286 class="release-dialog-message" 287 > 288 <span 289 class="release-dialog-commitMessage" 290 > 291 test1 292 </span> 293 </div> 294 <div 295 class="source" 296 > 297 <span> 298 Created 299 <div> 300 some formatted date 301 </div> 302 by 303 test 304 305 </span> 306 <span 307 class="links" 308 > 309 310 311 <a 312 href="/ui/commits/commit" 313 title="Opens the commit history" 314 > 315 Commit History 316 </a> 317 </span> 318 </div> 319 <div 320 class="release-dialog-app" 321 > 322 App: 323 <span> 324 test1 325 </span> 326 </div> 327 </div> 328 <button 329 aria-label="" 330 class="mdc-button release-dialog-close" 331 > 332 <div 333 class="mdc-button__ripple" 334 /> 335 <svg> 336 Close.svg 337 </svg> 338 </button> 339 </div> 340 <div 341 class="release-env-group-list" 342 > 343 <ul 344 class="release-env-list" 345 > 346 <li 347 class="env-card" 348 > 349 <div 350 class="env-card-header" 351 > 352 <div 353 class="mdc-evolution-chip release-environment environment-priority-unrecognized" 354 role="row" 355 > 356 <span 357 class="mdc-evolution-chip__cell mdc-evolution-chip__cell--primary mdc-evolution-chip__action--primary" 358 role="gridcell" 359 > 360 <span 361 class="mdc-evolution-chip__text-name" 362 > 363 <span> 364 prod 365 </span> 366 </span> 367 368 <span 369 class="mdc-evolution-chip__text-numbers" 370 /> 371 <div 372 class="release-environment env-locks" 373 > 374 <div 375 class="tooltip-container" 376 data-tooltip-delay-hide="50" 377 data-tooltip-html="<div><div>Environment locked by unknown</div><div>with Message: <b>envLock</b></div><div>ID: ui-envlock</div><div>Click to unlock.</div></div>" 378 data-tooltip-id="kuberpult-tooltip" 379 data-tooltip-place="bottom" 380 id="tooltipenv-group-chip-id-ui-envlock" 381 > 382 <div> 383 <button 384 aria-label="" 385 class="mdc-button button-lock" 386 > 387 <div 388 class="mdc-button__ripple" 389 /> 390 <svg 391 class="env-card-env-lock-icon fixed-size" 392 > 393 Locks_White.svg 394 </svg> 395 </button> 396 </div> 397 </div> 398 </div> 399 </span> 400 </div> 401 <div 402 class="env-card-app-locks" 403 > 404 <div 405 title="App Lock Message: \\"appLock\\" | ID: \\"ui-applock\\" | Click to unlock. " 406 > 407 <button 408 aria-label="" 409 class="mdc-button button-lock" 410 > 411 <div 412 class="mdc-button__ripple" 413 /> 414 <svg 415 class="env-card-app-lock" 416 > 417 Locks.svg 418 </svg> 419 </button> 420 </div> 421 <span 422 class="rollout__description_pending" 423 > 424 ⧖ Pending 425 </span> 426 </div> 427 </div> 428 <div 429 class="content-area" 430 > 431 <div 432 class="content-left" 433 > 434 <div 435 class="env-card-data" 436 title="Shows the version that is currently deployed on prod. " 437 > 438 <span> 439 <span 440 class="release-version__display-version" 441 title="commit" 442 > 443 2 444 </span> 445 test1 446 </span> 447 </div> 448 <div 449 class="env-card-data" 450 > 451 <div> 452 Deployed by test 453 454 </div> 455 <div> 456 <div> 457 some formatted date 458 </div> 459 460 </div> 461 </div> 462 </div> 463 <div 464 class="content-right" 465 > 466 <div 467 class="env-card-buttons" 468 > 469 <button 470 aria-label="Add lock" 471 class="mdc-button env-card-add-lock-btn" 472 > 473 <div 474 class="mdc-button__ripple" 475 /> 476 <svg 477 class="icon" 478 > 479 Locks.svg 480 </svg> 481 <span 482 class="mdc-button__label" 483 > 484 Add lock 485 </span> 486 </button> 487 <div 488 title="When doing manual deployments, it is usually best to also lock the app. If you omit the lock, an automatic release train or another person may deploy an unintended version. If you do not want a lock, click the arrow." 489 > 490 <div 491 class="expand-button" 492 > 493 <div 494 class="first-two" 495 > 496 <button 497 aria-label="Deploy & Lock" 498 class="mdc-button button-main env-card-deploy-btn mdc-button--unelevated" 499 > 500 <div 501 class="mdc-button__ripple" 502 /> 503 <span 504 class="mdc-button__label" 505 > 506 Deploy & Lock 507 </span> 508 </button> 509 <button 510 aria-label="" 511 class="mdc-button button-expand" 512 > 513 <div 514 class="mdc-button__ripple" 515 /> 516 <div 517 class="dropdown-arrow" 518 > 519 ⌄ 520 </div> 521 </button> 522 </div> 523 </div> 524 </div> 525 </div> 526 </div> 527 </div> 528 </li> 529 </ul> 530 </div> 531 </div> 532 </div> 533 </div> 534 </div> 535 </body> 536 `; 537 538 exports[`Release Dialog Renders the environment locks two envs release 1`] = ` 539 <body> 540 <div> 541 <div> 542 <div 543 class="confirmation-dialog-container confirmation-dialog-container-open" 544 > 545 <div 546 class="confirmation-dialog-open release-dialog" 547 > 548 <div 549 class="release-dialog-app-bar" 550 > 551 <div 552 class="release-dialog-app-bar-data" 553 > 554 <div 555 class="release-dialog-message" 556 > 557 <span 558 class="release-dialog-commitMessage" 559 > 560 the other commit message 2 561 </span> 562 </div> 563 <div 564 class="source" 565 > 566 <span> 567 Created 568 <div> 569 some formatted date 570 </div> 571 by 572 nobody 573 574 </span> 575 <span 576 class="links" 577 > 578 579 580 <a 581 href="/ui/commits/cafe" 582 title="Opens the commit history" 583 > 584 Commit History 585 </a> 586 </span> 587 </div> 588 <div 589 class="release-dialog-app" 590 > 591 App: 592 <span> 593 test1 594 </span> 595 <span> 596 test me team 597 </span> 598 </div> 599 </div> 600 <button 601 aria-label="" 602 class="mdc-button release-dialog-close" 603 > 604 <div 605 class="mdc-button__ripple" 606 /> 607 <svg> 608 Close.svg 609 </svg> 610 </button> 611 </div> 612 <div 613 class="release-env-group-list" 614 > 615 <ul 616 class="release-env-list" 617 > 618 <li 619 class="env-card" 620 > 621 <div 622 class="env-card-header" 623 > 624 <div 625 class="mdc-evolution-chip release-environment environment-priority-unrecognized" 626 role="row" 627 > 628 <span 629 class="mdc-evolution-chip__cell mdc-evolution-chip__cell--primary mdc-evolution-chip__action--primary" 630 role="gridcell" 631 > 632 <span 633 class="mdc-evolution-chip__text-name" 634 > 635 <span> 636 prod 637 </span> 638 </span> 639 640 <span 641 class="mdc-evolution-chip__text-numbers" 642 /> 643 <div 644 class="release-environment env-locks" 645 > 646 <div 647 class="tooltip-container" 648 data-tooltip-delay-hide="50" 649 data-tooltip-html="<div><div>Environment locked by unknown</div><div>with Message: <b>envLock</b></div><div>ID: ui-envlock</div><div>Click to unlock.</div></div>" 650 data-tooltip-id="kuberpult-tooltip" 651 data-tooltip-place="bottom" 652 id="tooltipenv-group-chip-id-ui-envlock" 653 > 654 <div> 655 <button 656 aria-label="" 657 class="mdc-button button-lock" 658 > 659 <div 660 class="mdc-button__ripple" 661 /> 662 <svg 663 class="env-card-env-lock-icon fixed-size" 664 > 665 Locks_White.svg 666 </svg> 667 </button> 668 </div> 669 </div> 670 </div> 671 </span> 672 </div> 673 <div 674 class="env-card-app-locks" 675 > 676 <div 677 title="App Lock Message: \\"appLock\\" | ID: \\"ui-applock\\" | Click to unlock. " 678 > 679 <button 680 aria-label="" 681 class="mdc-button button-lock" 682 > 683 <div 684 class="mdc-button__ripple" 685 /> 686 <svg 687 class="env-card-app-lock" 688 > 689 Locks.svg 690 </svg> 691 </button> 692 </div> 693 <span 694 class="rollout__description_pending" 695 > 696 ⧖ Pending 697 </span> 698 </div> 699 </div> 700 <div 701 class="content-area" 702 > 703 <div 704 class="content-left" 705 > 706 <div 707 class="env-card-data" 708 title="Shows the version that is currently deployed on prod. " 709 > 710 <span> 711 <span 712 class="release-version__display-version" 713 title="cafe" 714 > 715 2 716 </span> 717 the other commit message 2 718 </span> 719 </div> 720 <div 721 class="env-card-data" 722 > 723 <div> 724 Deployed by unknown 725 726 </div> 727 <div> 728 729 </div> 730 </div> 731 </div> 732 <div 733 class="content-right" 734 > 735 <div 736 class="env-card-buttons" 737 > 738 <button 739 aria-label="Add lock" 740 class="mdc-button env-card-add-lock-btn" 741 > 742 <div 743 class="mdc-button__ripple" 744 /> 745 <svg 746 class="icon" 747 > 748 Locks.svg 749 </svg> 750 <span 751 class="mdc-button__label" 752 > 753 Add lock 754 </span> 755 </button> 756 <div 757 title="When doing manual deployments, it is usually best to also lock the app. If you omit the lock, an automatic release train or another person may deploy an unintended version. If you do not want a lock, click the arrow." 758 > 759 <div 760 class="expand-button" 761 > 762 <div 763 class="first-two" 764 > 765 <button 766 aria-label="Deploy & Lock" 767 class="mdc-button button-main env-card-deploy-btn mdc-button--unelevated" 768 > 769 <div 770 class="mdc-button__ripple" 771 /> 772 <span 773 class="mdc-button__label" 774 > 775 Deploy & Lock 776 </span> 777 </button> 778 <button 779 aria-label="" 780 class="mdc-button button-expand" 781 > 782 <div 783 class="mdc-button__ripple" 784 /> 785 <div 786 class="dropdown-arrow" 787 > 788 ⌄ 789 </div> 790 </button> 791 </div> 792 </div> 793 </div> 794 </div> 795 </div> 796 </div> 797 </li> 798 <li 799 class="env-card" 800 > 801 <div 802 class="env-card-header" 803 > 804 <div 805 class="mdc-evolution-chip release-environment environment-priority-unrecognized" 806 role="row" 807 > 808 <span 809 class="mdc-evolution-chip__cell mdc-evolution-chip__cell--primary mdc-evolution-chip__action--primary" 810 role="gridcell" 811 > 812 <span 813 class="mdc-evolution-chip__text-name" 814 > 815 <span> 816 dev 817 </span> 818 </span> 819 820 <span 821 class="mdc-evolution-chip__text-numbers" 822 /> 823 <div 824 class="release-environment env-locks" 825 > 826 <div 827 class="tooltip-container" 828 data-tooltip-delay-hide="50" 829 data-tooltip-html="<div><div>Environment locked by unknown</div><div>with Message: <b>envLock</b></div><div>ID: ui-envlock</div><div>Click to unlock.</div></div>" 830 data-tooltip-id="kuberpult-tooltip" 831 data-tooltip-place="bottom" 832 id="tooltipenv-group-chip-id-ui-envlock" 833 > 834 <div> 835 <button 836 aria-label="" 837 class="mdc-button button-lock" 838 > 839 <div 840 class="mdc-button__ripple" 841 /> 842 <svg 843 class="env-card-env-lock-icon fixed-size" 844 > 845 Locks_White.svg 846 </svg> 847 </button> 848 </div> 849 </div> 850 </div> 851 </span> 852 </div> 853 <div 854 class="env-card-app-locks" 855 > 856 <div 857 title="App Lock Message: \\"appLock\\" | ID: \\"ui-applock\\" | Click to unlock. " 858 > 859 <button 860 aria-label="" 861 class="mdc-button button-lock" 862 > 863 <div 864 class="mdc-button__ripple" 865 /> 866 <svg 867 class="env-card-app-lock" 868 > 869 Locks.svg 870 </svg> 871 </button> 872 </div> 873 <span 874 class="rollout__description_progressing" 875 > 876 ↻ In progress 877 </span> 878 </div> 879 </div> 880 <div 881 class="content-area" 882 > 883 <div 884 class="content-left" 885 > 886 <div 887 class="env-card-data" 888 title="Shows the version that is currently deployed on dev. " 889 > 890 <span> 891 <span 892 class="release-version__display-version" 893 title="cafe" 894 > 895 3 896 </span> 897 the other commit message 3 898 </span> 899 </div> 900 <div 901 class="env-card-data env-card-data-queue" 902 title="An attempt was made to deploy version 666 either by a release train, or when a new version was created. However, there was a lock present at the time, so kuberpult did not deploy this version. " 903 > 904 Version 905 666 906 was not deployed, because of a lock. 907 </div> 908 <div 909 class="env-card-data" 910 > 911 <div> 912 Deployed by unknown 913 914 </div> 915 <div> 916 917 </div> 918 </div> 919 </div> 920 <div 921 class="content-right" 922 > 923 <div 924 class="env-card-buttons" 925 > 926 <button 927 aria-label="Add lock" 928 class="mdc-button env-card-add-lock-btn" 929 > 930 <div 931 class="mdc-button__ripple" 932 /> 933 <svg 934 class="icon" 935 > 936 Locks.svg 937 </svg> 938 <span 939 class="mdc-button__label" 940 > 941 Add lock 942 </span> 943 </button> 944 <div 945 title="When doing manual deployments, it is usually best to also lock the app. If you omit the lock, an automatic release train or another person may deploy an unintended version. If you do not want a lock, click the arrow." 946 > 947 <div 948 class="expand-button" 949 > 950 <div 951 class="first-two" 952 > 953 <button 954 aria-label="Deploy & Lock" 955 class="mdc-button button-main env-card-deploy-btn mdc-button--unelevated" 956 > 957 <div 958 class="mdc-button__ripple" 959 /> 960 <span 961 class="mdc-button__label" 962 > 963 Deploy & Lock 964 </span> 965 </button> 966 <button 967 aria-label="" 968 class="mdc-button button-expand" 969 > 970 <div 971 class="mdc-button__ripple" 972 /> 973 <div 974 class="dropdown-arrow" 975 > 976 ⌄ 977 </div> 978 </button> 979 </div> 980 </div> 981 </div> 982 </div> 983 </div> 984 </div> 985 </li> 986 </ul> 987 </div> 988 </div> 989 </div> 990 </div> 991 </div> 992 </body> 993 `; 994 995 exports[`Release Dialog Renders the environment locks undeploy version release 1`] = ` 996 <body> 997 <div> 998 <div> 999 <div 1000 class="confirmation-dialog-container confirmation-dialog-container-open" 1001 > 1002 <div 1003 class="confirmation-dialog-open release-dialog" 1004 > 1005 <div 1006 class="release-dialog-app-bar" 1007 > 1008 <div 1009 class="release-dialog-app-bar-data" 1010 > 1011 <div 1012 class="release-dialog-message" 1013 > 1014 <span 1015 class="release-dialog-commitMessage" 1016 /> 1017 </div> 1018 <div 1019 class="source" 1020 > 1021 <span> 1022 Created 1023 <div> 1024 some formatted date 1025 </div> 1026 by 1027 test1 1028 1029 </span> 1030 <span 1031 class="links" 1032 > 1033 1034 1035 </span> 1036 </div> 1037 <div 1038 class="release-dialog-app" 1039 > 1040 App: 1041 <span> 1042 test1 1043 </span> 1044 </div> 1045 </div> 1046 <button 1047 aria-label="" 1048 class="mdc-button release-dialog-close" 1049 > 1050 <div 1051 class="mdc-button__ripple" 1052 /> 1053 <svg> 1054 Close.svg 1055 </svg> 1056 </button> 1057 </div> 1058 <div 1059 class="release-env-group-list" 1060 > 1061 <ul 1062 class="release-env-list" 1063 /> 1064 </div> 1065 </div> 1066 </div> 1067 </div> 1068 </div> 1069 </body> 1070 `;