How to use renderType method in storybook-root

Best JavaScript code snippet using storybook-root

mock-tracestep-data.ts

Source:mock-tracestep-data.ts Github

copy

Full Screen

1import { Injectable } from '@angular/core';2import { CommTraceStep } from '@app/models';3@Injectable()4export class MockTraceStepData {5 traceStepdata: CommTraceStep[] = [6 {7 'stack': {8 'frames': [9 {10 'id': '2081891415520',11 'name': 'Global frame',12 'event': 'line',13 'variables': []14 }15 ]16 },17 'heap': {},18 'lineNumbers': [19 120 ],21 'stdout': '',22 'stderr': null23 },24 {25 'stack': {26 'frames': [27 {28 'id': '2081891415520',29 'name': 'Global frame',30 'event': 'call',31 'variables': []32 },33 {34 'id': '2081702562288',35 'name': 'Foo',36 'event': 'call',37 'variables': []38 }39 ]40 },41 'heap': {},42 'lineNumbers': [43 1,44 145 ],46 'stdout': '',47 'stderr': null48 },49 {50 'stack': {51 'frames': [52 {53 'id': '2081891415520',54 'name': 'Global frame',55 'event': 'line',56 'variables': []57 },58 {59 'id': '2081702562288',60 'name': 'Foo',61 'event': 'line',62 'variables': []63 }64 ]65 },66 'heap': {},67 'lineNumbers': [68 1,69 170 ],71 'stdout': '',72 'stderr': null73 },74 {75 'stack': {76 'frames': [77 {78 'id': '2081891415520',79 'name': 'Global frame',80 'event': 'line',81 'variables': []82 },83 {84 'id': '2081702562288',85 'name': 'Foo',86 'event': 'line',87 'variables': []88 }89 ]90 },91 'heap': {},92 'lineNumbers': [93 1,94 295 ],96 'stdout': '',97 'stderr': null98 },99 {100 'stack': {101 'frames': [102 {103 'id': '2081891415520',104 'name': 'Global frame',105 'event': 'line',106 'variables': []107 },108 {109 'id': '2081702562288',110 'name': 'Foo',111 'event': 'line',112 'variables': [113 {114 'id': '140703238051776',115 'name': 'a'116 }117 ]118 }119 ]120 },121 'heap': {122 '140703238051776': {123 'id': '140703238051776',124 'type': 'int',125 'value': '10',126 'renderType': 'basic',127 'renderOptions': null,128 'immutable': true,129 'references': null130 }131 },132 'lineNumbers': [133 1,134 3135 ],136 'stdout': '',137 'stderr': null138 },139 {140 'stack': {141 'frames': [142 {143 'id': '2081891415520',144 'name': 'Global frame',145 'event': 'line',146 'variables': []147 },148 {149 'id': '2081702562288',150 'name': 'Foo',151 'event': 'line',152 'variables': [153 {154 'id': '140703238051776',155 'name': 'a'156 },157 {158 'id': '2081702253904',159 'name': '__init__'160 }161 ]162 }163 ]164 },165 'heap': {166 '140703238051776': {167 'id': '140703238051776',168 'type': 'int',169 'value': '10',170 'renderType': 'basic',171 'renderOptions': null,172 'immutable': true,173 'references': null174 },175 '2081702253904': {176 'id': '2081702253904',177 'type': 'function',178 'value': '__init__',179 'renderType': 'basic',180 'renderOptions': null,181 'immutable': false,182 'references': null183 }184 },185 'lineNumbers': [186 1,187 6188 ],189 'stdout': '',190 'stderr': null191 },192 {193 'stack': {194 'frames': [195 {196 'id': '2081891415520',197 'name': 'Global frame',198 'event': 'return',199 'variables': []200 },201 {202 'id': '2081702562288',203 'name': 'Foo',204 'event': 'return',205 'variables': [206 {207 'id': '140703238051776',208 'name': 'a'209 },210 {211 'id': '2081702253904',212 'name': '__init__'213 },214 {215 'id': '2081702256352',216 'name': 'dostuff'217 }218 ]219 }220 ]221 },222 'heap': {223 '140703238051776': {224 'id': '140703238051776',225 'type': 'int',226 'value': '10',227 'renderType': 'basic',228 'renderOptions': null,229 'immutable': true,230 'references': null231 },232 '2081702253904': {233 'id': '2081702253904',234 'type': 'function',235 'value': '__init__',236 'renderType': 'basic',237 'renderOptions': null,238 'immutable': false,239 'references': null240 },241 '2081702256352': {242 'id': '2081702256352',243 'type': 'function',244 'value': 'dostuff',245 'renderType': 'basic',246 'renderOptions': null,247 'immutable': false,248 'references': null249 }250 },251 'lineNumbers': [252 1,253 6254 ],255 'stdout': '',256 'stderr': null257 },258 {259 'stack': {260 'frames': [261 {262 'id': '2081891415520',263 'name': 'Global frame',264 'event': 'line',265 'variables': [266 {267 'id': '2081691348928',268 'name': 'Foo'269 }270 ]271 }272 ]273 },274 'heap': {275 '2081691348928': {276 'id': '2081691348928',277 'type': '(Foo) class',278 'value': 'Foo',279 'renderType': 'kvp',280 'renderOptions': null,281 'immutable': false,282 'references': {283 'a': {284 'id': '140703238051776'285 },286 '__init__': {287 'id': '2081702253904'288 },289 'dostuff': {290 'id': '2081702256352'291 }292 }293 },294 '140703238051776': {295 'id': '140703238051776',296 'type': 'int',297 'value': '10',298 'renderType': 'basic',299 'renderOptions': null,300 'immutable': true,301 'references': null302 },303 '2081702253904': {304 'id': '2081702253904',305 'type': 'function',306 'value': '__init__',307 'renderType': 'basic',308 'renderOptions': null,309 'immutable': false,310 'references': null311 },312 '2081702256352': {313 'id': '2081702256352',314 'type': 'function',315 'value': 'dostuff',316 'renderType': 'basic',317 'renderOptions': null,318 'immutable': false,319 'references': null320 }321 },322 'lineNumbers': [323 10324 ],325 'stdout': '',326 'stderr': null327 },328 {329 'stack': {330 'frames': [331 {332 'id': '2081891415520',333 'name': 'Global frame',334 'event': 'call',335 'variables': [336 {337 'id': '2081691348928',338 'name': 'Foo'339 }340 ]341 },342 {343 'id': '2081874753952',344 'name': '__init__',345 'event': 'call',346 'variables': [347 {348 'id': '2081874685328',349 'name': 'self'350 },351 {352 'id': '140703238051776',353 'name': 'b'354 }355 ]356 }357 ]358 },359 'heap': {360 '2081691348928': {361 'id': '2081691348928',362 'type': '(Foo) class',363 'value': 'Foo',364 'renderType': 'kvp',365 'renderOptions': null,366 'immutable': false,367 'references': {368 'a': {369 'id': '140703238051776'370 },371 '__init__': {372 'id': '2081702253904'373 },374 'dostuff': {375 'id': '2081702256352'376 }377 }378 },379 '140703238051776': {380 'id': '140703238051776',381 'type': 'int',382 'value': '10',383 'renderType': 'basic',384 'renderOptions': null,385 'immutable': true,386 'references': null387 },388 '2081702253904': {389 'id': '2081702253904',390 'type': 'function',391 'value': '__init__',392 'renderType': 'basic',393 'renderOptions': null,394 'immutable': false,395 'references': null396 },397 '2081702256352': {398 'id': '2081702256352',399 'type': 'function',400 'value': 'dostuff',401 'renderType': 'basic',402 'renderOptions': null,403 'immutable': false,404 'references': null405 },406 '2081874685328': {407 'id': '2081874685328',408 'type': '(Foo) instance',409 'value': 'Foo',410 'renderType': 'kvp',411 'renderOptions': null,412 'immutable': false,413 'references': {}414 }415 },416 'lineNumbers': [417 10,418 3419 ],420 'stdout': '',421 'stderr': null422 },423 {424 'stack': {425 'frames': [426 {427 'id': '2081891415520',428 'name': 'Global frame',429 'event': 'line',430 'variables': [431 {432 'id': '2081691348928',433 'name': 'Foo'434 }435 ]436 },437 {438 'id': '2081874753952',439 'name': '__init__',440 'event': 'line',441 'variables': [442 {443 'id': '2081874685328',444 'name': 'self'445 },446 {447 'id': '140703238051776',448 'name': 'b'449 }450 ]451 }452 ]453 },454 'heap': {455 '2081691348928': {456 'id': '2081691348928',457 'type': '(Foo) class',458 'value': 'Foo',459 'renderType': 'kvp',460 'renderOptions': null,461 'immutable': false,462 'references': {463 'a': {464 'id': '140703238051776'465 },466 '__init__': {467 'id': '2081702253904'468 },469 'dostuff': {470 'id': '2081702256352'471 }472 }473 },474 '140703238051776': {475 'id': '140703238051776',476 'type': 'int',477 'value': '10',478 'renderType': 'basic',479 'renderOptions': null,480 'immutable': true,481 'references': null482 },483 '2081702253904': {484 'id': '2081702253904',485 'type': 'function',486 'value': '__init__',487 'renderType': 'basic',488 'renderOptions': null,489 'immutable': false,490 'references': null491 },492 '2081702256352': {493 'id': '2081702256352',494 'type': 'function',495 'value': 'dostuff',496 'renderType': 'basic',497 'renderOptions': null,498 'immutable': false,499 'references': null500 },501 '2081874685328': {502 'id': '2081874685328',503 'type': '(Foo) instance',504 'value': 'Foo',505 'renderType': 'kvp',506 'renderOptions': null,507 'immutable': false,508 'references': {}509 }510 },511 'lineNumbers': [512 10,513 4514 ],515 'stdout': '',516 'stderr': null517 },518 {519 'stack': {520 'frames': [521 {522 'id': '2081891415520',523 'name': 'Global frame',524 'event': 'return',525 'variables': [526 {527 'id': '2081691348928',528 'name': 'Foo'529 }530 ]531 },532 {533 'id': '2081874753952',534 'name': '__init__',535 'event': 'return',536 'variables': [537 {538 'id': '2081874685328',539 'name': 'self'540 },541 {542 'id': '140703238051776',543 'name': 'b'544 }545 ]546 }547 ]548 },549 'heap': {550 '2081691348928': {551 'id': '2081691348928',552 'type': '(Foo) class',553 'value': 'Foo',554 'renderType': 'kvp',555 'renderOptions': null,556 'immutable': false,557 'references': {558 'a': {559 'id': '140703238051776'560 },561 '__init__': {562 'id': '2081702253904'563 },564 'dostuff': {565 'id': '2081702256352'566 }567 }568 },569 '140703238051776': {570 'id': '140703238051776',571 'type': 'int',572 'value': '10',573 'renderType': 'basic',574 'renderOptions': null,575 'immutable': true,576 'references': null577 },578 '2081702253904': {579 'id': '2081702253904',580 'type': 'function',581 'value': '__init__',582 'renderType': 'basic',583 'renderOptions': null,584 'immutable': false,585 'references': null586 },587 '2081702256352': {588 'id': '2081702256352',589 'type': 'function',590 'value': 'dostuff',591 'renderType': 'basic',592 'renderOptions': null,593 'immutable': false,594 'references': null595 },596 '2081874685328': {597 'id': '2081874685328',598 'type': '(Foo) instance',599 'value': 'Foo',600 'renderType': 'kvp',601 'renderOptions': null,602 'immutable': false,603 'references': {604 'b': {605 'id': '140703238051776'606 }607 }608 }609 },610 'lineNumbers': [611 10,612 4613 ],614 'stdout': '',615 'stderr': null616 },617 {618 'stack': {619 'frames': [620 {621 'id': '2081891415520',622 'name': 'Global frame',623 'event': 'line',624 'variables': [625 {626 'id': '2081691348928',627 'name': 'Foo'628 },629 {630 'id': '2081874685328',631 'name': 'foo'632 }633 ]634 }635 ]636 },637 'heap': {638 '2081691348928': {639 'id': '2081691348928',640 'type': '(Foo) class',641 'value': 'Foo',642 'renderType': 'kvp',643 'renderOptions': null,644 'immutable': false,645 'references': {646 'a': {647 'id': '140703238051776'648 },649 '__init__': {650 'id': '2081702253904'651 },652 'dostuff': {653 'id': '2081702256352'654 }655 }656 },657 '140703238051776': {658 'id': '140703238051776',659 'type': 'int',660 'value': '10',661 'renderType': 'basic',662 'renderOptions': null,663 'immutable': true,664 'references': null665 },666 '2081702253904': {667 'id': '2081702253904',668 'type': 'function',669 'value': '__init__',670 'renderType': 'basic',671 'renderOptions': null,672 'immutable': false,673 'references': null674 },675 '2081702256352': {676 'id': '2081702256352',677 'type': 'function',678 'value': 'dostuff',679 'renderType': 'basic',680 'renderOptions': null,681 'immutable': false,682 'references': null683 },684 '2081874685328': {685 'id': '2081874685328',686 'type': '(Foo) instance',687 'value': 'Foo',688 'renderType': 'kvp',689 'renderOptions': null,690 'immutable': false,691 'references': {692 'b': {693 'id': '140703238051776'694 }695 }696 }697 },698 'lineNumbers': [699 11700 ],701 'stdout': '',702 'stderr': null703 },704 {705 'stack': {706 'frames': [707 {708 'id': '2081891415520',709 'name': 'Global frame',710 'event': 'call',711 'variables': [712 {713 'id': '2081691348928',714 'name': 'Foo'715 },716 {717 'id': '2081874685328',718 'name': 'foo'719 }720 ]721 },722 {723 'id': '2081674701424',724 'name': 'dostuff',725 'event': 'call',726 'variables': [727 {728 'id': '2081874685328',729 'name': 'self'730 },731 {732 'id': '140703238054656',733 'name': 'x'734 }735 ]736 }737 ]738 },739 'heap': {740 '2081691348928': {741 'id': '2081691348928',742 'type': '(Foo) class',743 'value': 'Foo',744 'renderType': 'kvp',745 'renderOptions': null,746 'immutable': false,747 'references': {748 'a': {749 'id': '140703238051776'750 },751 '__init__': {752 'id': '2081702253904'753 },754 'dostuff': {755 'id': '2081702256352'756 }757 }758 },759 '140703238051776': {760 'id': '140703238051776',761 'type': 'int',762 'value': '10',763 'renderType': 'basic',764 'renderOptions': null,765 'immutable': true,766 'references': null767 },768 '2081702253904': {769 'id': '2081702253904',770 'type': 'function',771 'value': '__init__',772 'renderType': 'basic',773 'renderOptions': null,774 'immutable': false,775 'references': null776 },777 '2081702256352': {778 'id': '2081702256352',779 'type': 'function',780 'value': 'dostuff',781 'renderType': 'basic',782 'renderOptions': null,783 'immutable': false,784 'references': null785 },786 '2081874685328': {787 'id': '2081874685328',788 'type': '(Foo) instance',789 'value': 'Foo',790 'renderType': 'kvp',791 'renderOptions': null,792 'immutable': false,793 'references': {794 'b': {795 'id': '140703238051776'796 }797 }798 },799 '140703238054656': {800 'id': '140703238054656',801 'type': 'int',802 'value': '100',803 'renderType': 'basic',804 'renderOptions': null,805 'immutable': true,806 'references': null807 }808 },809 'lineNumbers': [810 11,811 6812 ],813 'stdout': '',814 'stderr': null815 },816 {817 'stack': {818 'frames': [819 {820 'id': '2081891415520',821 'name': 'Global frame',822 'event': 'line',823 'variables': [824 {825 'id': '2081691348928',826 'name': 'Foo'827 },828 {829 'id': '2081874685328',830 'name': 'foo'831 }832 ]833 },834 {835 'id': '2081674701424',836 'name': 'dostuff',837 'event': 'line',838 'variables': [839 {840 'id': '2081874685328',841 'name': 'self'842 },843 {844 'id': '140703238054656',845 'name': 'x'846 }847 ]848 }849 ]850 },851 'heap': {852 '2081691348928': {853 'id': '2081691348928',854 'type': '(Foo) class',855 'value': 'Foo',856 'renderType': 'kvp',857 'renderOptions': null,858 'immutable': false,859 'references': {860 'a': {861 'id': '140703238051776'862 },863 '__init__': {864 'id': '2081702253904'865 },866 'dostuff': {867 'id': '2081702256352'868 }869 }870 },871 '140703238051776': {872 'id': '140703238051776',873 'type': 'int',874 'value': '10',875 'renderType': 'basic',876 'renderOptions': null,877 'immutable': true,878 'references': null879 },880 '2081702253904': {881 'id': '2081702253904',882 'type': 'function',883 'value': '__init__',884 'renderType': 'basic',885 'renderOptions': null,886 'immutable': false,887 'references': null888 },889 '2081702256352': {890 'id': '2081702256352',891 'type': 'function',892 'value': 'dostuff',893 'renderType': 'basic',894 'renderOptions': null,895 'immutable': false,896 'references': null897 },898 '2081874685328': {899 'id': '2081874685328',900 'type': '(Foo) instance',901 'value': 'Foo',902 'renderType': 'kvp',903 'renderOptions': null,904 'immutable': false,905 'references': {906 'b': {907 'id': '140703238051776'908 }909 }910 },911 '140703238054656': {912 'id': '140703238054656',913 'type': 'int',914 'value': '100',915 'renderType': 'basic',916 'renderOptions': null,917 'immutable': true,918 'references': null919 }920 },921 'lineNumbers': [922 11,923 7924 ],925 'stdout': '',926 'stderr': null927 },928 {929 'stack': {930 'frames': [931 {932 'id': '2081891415520',933 'name': 'Global frame',934 'event': 'line',935 'variables': [936 {937 'id': '2081691348928',938 'name': 'Foo'939 },940 {941 'id': '2081874685328',942 'name': 'foo'943 }944 ]945 },946 {947 'id': '2081674701424',948 'name': 'dostuff',949 'event': 'line',950 'variables': [951 {952 'id': '2081874685328',953 'name': 'self'954 },955 {956 'id': '140703238054656',957 'name': 'x'958 }959 ]960 }961 ]962 },963 'heap': {964 '2081691348928': {965 'id': '2081691348928',966 'type': '(Foo) class',967 'value': 'Foo',968 'renderType': 'kvp',969 'renderOptions': null,970 'immutable': false,971 'references': {972 'a': {973 'id': '140703238051776'974 },975 '__init__': {976 'id': '2081702253904'977 },978 'dostuff': {979 'id': '2081702256352'980 }981 }982 },983 '140703238051776': {984 'id': '140703238051776',985 'type': 'int',986 'value': '10',987 'renderType': 'basic',988 'renderOptions': null,989 'immutable': true,990 'references': null991 },992 '2081702253904': {993 'id': '2081702253904',994 'type': 'function',995 'value': '__init__',996 'renderType': 'basic',997 'renderOptions': null,998 'immutable': false,999 'references': null1000 },1001 '2081702256352': {1002 'id': '2081702256352',1003 'type': 'function',1004 'value': 'dostuff',1005 'renderType': 'basic',1006 'renderOptions': null,1007 'immutable': false,1008 'references': null1009 },1010 '2081874685328': {1011 'id': '2081874685328',1012 'type': '(Foo) instance',1013 'value': 'Foo',1014 'renderType': 'kvp',1015 'renderOptions': null,1016 'immutable': false,1017 'references': {1018 'b': {1019 'id': '140703238054976'1020 }1021 }1022 },1023 '140703238054976': {1024 'id': '140703238054976',1025 'type': 'int',1026 'value': '110',1027 'renderType': 'basic',1028 'renderOptions': null,1029 'immutable': true,1030 'references': null1031 },1032 '140703238054656': {1033 'id': '140703238054656',1034 'type': 'int',1035 'value': '100',1036 'renderType': 'basic',1037 'renderOptions': null,1038 'immutable': true,1039 'references': null1040 }1041 },1042 'lineNumbers': [1043 11,1044 81045 ],1046 'stdout': '',1047 'stderr': null1048 },1049 {1050 'stack': {1051 'frames': [1052 {1053 'id': '2081891415520',1054 'name': 'Global frame',1055 'event': 'return',1056 'variables': [1057 {1058 'id': '2081691348928',1059 'name': 'Foo'1060 },1061 {1062 'id': '2081874685328',1063 'name': 'foo'1064 }1065 ]1066 },1067 {1068 'id': '2081674701424',1069 'name': 'dostuff',1070 'event': 'return',1071 'variables': [1072 {1073 'id': '2081874685328',1074 'name': 'self'1075 },1076 {1077 'id': '140703238054656',1078 'name': 'x'1079 }1080 ]1081 }1082 ]1083 },1084 'heap': {1085 '2081691348928': {1086 'id': '2081691348928',1087 'type': '(Foo) class',1088 'value': 'Foo',1089 'renderType': 'kvp',1090 'renderOptions': null,1091 'immutable': false,1092 'references': {1093 'a': {1094 'id': '140703238051776'1095 },1096 '__init__': {1097 'id': '2081702253904'1098 },1099 'dostuff': {1100 'id': '2081702256352'1101 }1102 }1103 },1104 '140703238051776': {1105 'id': '140703238051776',1106 'type': 'int',1107 'value': '10',1108 'renderType': 'basic',1109 'renderOptions': null,1110 'immutable': true,1111 'references': null1112 },1113 '2081702253904': {1114 'id': '2081702253904',1115 'type': 'function',1116 'value': '__init__',1117 'renderType': 'basic',1118 'renderOptions': null,1119 'immutable': false,1120 'references': null1121 },1122 '2081702256352': {1123 'id': '2081702256352',1124 'type': 'function',1125 'value': 'dostuff',1126 'renderType': 'basic',1127 'renderOptions': null,1128 'immutable': false,1129 'references': null1130 },1131 '2081874685328': {1132 'id': '2081874685328',1133 'type': '(Foo) instance',1134 'value': 'Foo',1135 'renderType': 'kvp',1136 'renderOptions': null,1137 'immutable': false,1138 'references': {1139 'b': {1140 'id': '140703238054976'1141 }1142 }1143 },1144 '140703238054976': {1145 'id': '140703238054976',1146 'type': 'int',1147 'value': '110',1148 'renderType': 'basic',1149 'renderOptions': null,1150 'immutable': true,1151 'references': null1152 },1153 '140703238054656': {1154 'id': '140703238054656',1155 'type': 'int',1156 'value': '100',1157 'renderType': 'basic',1158 'renderOptions': null,1159 'immutable': true,1160 'references': null1161 }1162 },1163 'lineNumbers': [1164 11,1165 81166 ],1167 'stdout': '',1168 'stderr': null1169 },1170 {1171 'stack': {1172 'frames': [1173 {1174 'id': '2081891415520',1175 'name': 'Global frame',1176 'event': 'line',1177 'variables': [1178 {1179 'id': '2081691348928',1180 'name': 'Foo'1181 },1182 {1183 'id': '2081874685328',1184 'name': 'foo'1185 },1186 {1187 'id': '140703238054976',1188 'name': 'ans'1189 }1190 ]1191 }1192 ]1193 },1194 'heap': {1195 '2081691348928': {1196 'id': '2081691348928',1197 'type': '(Foo) class',1198 'value': 'Foo',1199 'renderType': 'kvp',1200 'renderOptions': null,1201 'immutable': false,1202 'references': {1203 'a': {1204 'id': '140703238051776'1205 },1206 '__init__': {1207 'id': '2081702253904'1208 },1209 'dostuff': {1210 'id': '2081702256352'1211 }1212 }1213 },1214 '140703238051776': {1215 'id': '140703238051776',1216 'type': 'int',1217 'value': '10',1218 'renderType': 'basic',1219 'renderOptions': null,1220 'immutable': true,1221 'references': null1222 },1223 '2081702253904': {1224 'id': '2081702253904',1225 'type': 'function',1226 'value': '__init__',1227 'renderType': 'basic',1228 'renderOptions': null,1229 'immutable': false,1230 'references': null1231 },1232 '2081702256352': {1233 'id': '2081702256352',1234 'type': 'function',1235 'value': 'dostuff',1236 'renderType': 'basic',1237 'renderOptions': null,1238 'immutable': false,1239 'references': null1240 },1241 '2081874685328': {1242 'id': '2081874685328',1243 'type': '(Foo) instance',1244 'value': 'Foo',1245 'renderType': 'kvp',1246 'renderOptions': null,1247 'immutable': false,1248 'references': {1249 'b': {1250 'id': '140703238054976'1251 }1252 }1253 },1254 '140703238054976': {1255 'id': '140703238054976',1256 'type': 'int',1257 'value': '110',1258 'renderType': 'basic',1259 'renderOptions': null,1260 'immutable': true,1261 'references': null1262 }1263 },1264 'lineNumbers': [1265 121266 ],1267 'stdout': '',1268 'stderr': null1269 },1270 {1271 'stack': {1272 'frames': [1273 {1274 'id': '2081891415520',1275 'name': 'Global frame',1276 'event': 'return',1277 'variables': [1278 {1279 'id': '2081691348928',1280 'name': 'Foo'1281 },1282 {1283 'id': '2081874685328',1284 'name': 'foo'1285 },1286 {1287 'id': '140703238054976',1288 'name': 'ans'1289 }1290 ]1291 }1292 ]1293 },1294 'heap': {1295 '2081691348928': {1296 'id': '2081691348928',1297 'type': '(Foo) class',1298 'value': 'Foo',1299 'renderType': 'kvp',1300 'renderOptions': null,1301 'immutable': false,1302 'references': {1303 'a': {1304 'id': '140703238051776'1305 },1306 '__init__': {1307 'id': '2081702253904'1308 },1309 'dostuff': {1310 'id': '2081702256352'1311 }1312 }1313 },1314 '140703238051776': {1315 'id': '140703238051776',1316 'type': 'int',1317 'value': '10',1318 'renderType': 'basic',1319 'renderOptions': null,1320 'immutable': true,1321 'references': null1322 },1323 '2081702253904': {1324 'id': '2081702253904',1325 'type': 'function',1326 'value': '__init__',1327 'renderType': 'basic',1328 'renderOptions': null,1329 'immutable': false,1330 'references': null1331 },1332 '2081702256352': {1333 'id': '2081702256352',1334 'type': 'function',1335 'value': 'dostuff',1336 'renderType': 'basic',1337 'renderOptions': null,1338 'immutable': false,1339 'references': null1340 },1341 '2081874685328': {1342 'id': '2081874685328',1343 'type': '(Foo) instance',1344 'value': 'Foo',1345 'renderType': 'kvp',1346 'renderOptions': null,1347 'immutable': false,1348 'references': {1349 'b': {1350 'id': '140703238054976'1351 }1352 }1353 },1354 '140703238054976': {1355 'id': '140703238054976',1356 'type': 'int',1357 'value': '110',1358 'renderType': 'basic',1359 'renderOptions': null,1360 'immutable': true,1361 'references': null1362 }1363 },1364 'lineNumbers': [1365 121366 ],1367 'stdout': '110\n',1368 'stderr': null1369 }1370 ];...

Full Screen

Full Screen

layoutProps.ts

Source:layoutProps.ts Github

copy

Full Screen

1import { Prop } from '../types';2import { viewStyleProps } from './viewStyleProps';3export const layoutProps: Record<string, Prop> = {4 alignContent: {5 name: 'Align content',6 optional: true,7 value: undefined,8 shownValue: 'stretch',9 oldValue: 'stretch',10 oldShownValue: 'stretch',11 renderType: 'string',12 selectorType: 'dropDown',13 selectorProps: {14 options: [15 { value: 'flex-start', label: 'Flex start' },16 { value: 'flex-end', label: 'Flex end' },17 { value: 'center', label: 'Center' },18 { value: 'stretch', label: 'Stretch' },19 { value: 'space-between', label: 'Space between' },20 { value: 'space-around', label: 'Space around' },21 ],22 },23 },24 alignItems: {25 name: 'Align items',26 optional: true,27 value: undefined,28 shownValue: 'stretch',29 oldValue: 'stretch',30 oldShownValue: 'stretch',31 renderType: 'string',32 selectorType: 'dropDown',33 selectorProps: {34 options: [35 { value: 'flex-start', label: 'Flex start' },36 { value: 'flex-end', label: 'Flex end' },37 { value: 'center', label: 'Center' },38 { value: 'stretch', label: 'Stretch' },39 { value: 'baseline', label: 'Baseline' },40 ],41 },42 },43 alignSelf: {44 name: 'Align self',45 optional: true,46 value: undefined,47 shownValue: 'auto',48 oldValue: 'auto',49 oldShownValue: 'auto',50 renderType: 'string',51 selectorType: 'dropDown',52 selectorProps: {53 options: [54 { value: 'auto', label: 'Auto' },55 { value: 'flex-start', label: 'Flex start' },56 { value: 'flex-end', label: 'Flex end' },57 { value: 'center', label: 'Center' },58 { value: 'stretch', label: 'Stretch' },59 { value: 'baseline', label: 'Baseline' },60 ],61 },62 },63 aspectRatio: {64 name: 'Aspect ratio',65 optional: true,66 value: undefined,67 shownValue: 1,68 oldValue: 1,69 oldShownValue: 1,70 renderType: 'number',71 selectorType: 'slider',72 selectorProps: {73 step: 1,74 minimumValue: 0,75 maximumValue: 30,76 },77 },78 borderBottomWidth: viewStyleProps.borderBottomWidth,79 borderEndWidth: {80 name: 'Border end width',81 optional: true,82 value: undefined,83 shownValue: 1,84 oldValue: 1,85 oldShownValue: 1,86 renderType: 'number',87 selectorType: 'slider',88 selectorProps: {89 step: 1,90 minimumValue: 0,91 maximumValue: 30,92 },93 },94 borderLeftWidth: viewStyleProps.borderLeftWidth,95 borderRightWidth: viewStyleProps.borderRightWidth,96 borderStartWidth: {97 name: 'Border start width',98 optional: true,99 value: undefined,100 shownValue: 1,101 oldValue: 1,102 oldShownValue: 1,103 renderType: 'number',104 selectorType: 'slider',105 selectorProps: {106 step: 1,107 minimumValue: 0,108 maximumValue: 30,109 },110 },111 borderTopWidth: viewStyleProps.borderTopWidth,112 borderWidth: viewStyleProps.borderWidth,113 bottom: {114 name: 'Bottom',115 optional: true,116 value: undefined,117 shownValue: 0,118 oldValue: 0,119 oldShownValue: 0,120 renderType: 'number',121 selectorType: 'slider',122 selectorProps: {123 step: 1,124 minimumValue: 0,125 maximumValue: 500,126 },127 },128 // iOS only129 direction: {130 name: 'Direction',131 optional: true,132 value: undefined,133 shownValue: 'inherit',134 oldValue: 'inherit',135 oldShownValue: 'inherit',136 renderType: 'string',137 selectorType: 'dropDown',138 selectorProps: {139 options: [140 { value: 'inherit', label: 'Inherit' },141 { value: 'ltr', label: 'Left to right' },142 { value: 'rtl', label: 'Right to left' },143 ],144 },145 },146 display: {147 name: 'Display',148 optional: true,149 value: undefined,150 shownValue: 'flex',151 oldValue: 'flex',152 oldShownValue: 'flex',153 renderType: 'string',154 selectorType: 'dropDown',155 selectorProps: {156 options: [157 { value: 'none', label: 'None' },158 { value: 'flex', label: 'Flex' },159 ],160 },161 },162 end: {163 name: 'End',164 optional: true,165 value: undefined,166 shownValue: 0,167 oldValue: 0,168 oldShownValue: 0,169 renderType: 'number',170 selectorType: 'slider',171 selectorProps: {172 step: 1,173 minimumValue: 0,174 maximumValue: 500,175 },176 },177 flex: {178 name: 'Flex',179 optional: true,180 value: undefined,181 shownValue: 1,182 oldValue: 1,183 oldShownValue: 1,184 renderType: 'number',185 selectorType: 'slider',186 selectorProps: {187 step: 0.1,188 minimumValue: 0,189 maximumValue: 1,190 },191 },192 flexBasis: {193 name: 'Flex basis',194 optional: true,195 value: undefined,196 shownValue: 1,197 oldValue: 1,198 oldShownValue: 1,199 renderType: 'number',200 selectorType: 'slider',201 selectorProps: {202 step: 0.1,203 minimumValue: 0,204 maximumValue: 1,205 },206 },207 flexDirection: {208 name: 'Flex direction',209 optional: true,210 value: undefined,211 shownValue: 'column',212 oldValue: 'column',213 oldShownValue: 'column',214 renderType: 'string',215 selectorType: 'dropDown',216 selectorProps: {217 options: [218 { value: 'column', label: 'Column' },219 { value: 'row', label: 'Row' },220 { value: 'column-reverse', label: 'Column reverse' },221 { value: 'row-reverse', label: 'Row reverse' },222 ],223 },224 },225 flexGrow: {226 name: 'Flex grow',227 optional: true,228 value: undefined,229 shownValue: 0,230 oldValue: 0,231 oldShownValue: 0,232 renderType: 'number',233 selectorType: 'slider',234 selectorProps: {235 step: 0.1,236 minimumValue: 0,237 maximumValue: 1,238 },239 },240 flexShrink: {241 name: 'Flex shrink',242 optional: true,243 value: undefined,244 shownValue: 1,245 oldValue: 1,246 oldShownValue: 1,247 renderType: 'number',248 selectorType: 'slider',249 selectorProps: {250 step: 0.1,251 minimumValue: 0,252 maximumValue: 1,253 },254 },255 flexWrap: {256 name: 'Flex wrap',257 optional: true,258 value: undefined,259 shownValue: 'nowrap',260 oldValue: 'nowrap',261 oldShownValue: 'nowrap',262 renderType: 'string',263 selectorType: 'dropDown',264 selectorProps: {265 options: [266 { value: 'nowrap', label: 'No wrap' },267 { value: 'wrap', label: 'Wrap' },268 { value: 'wrap-reverse', label: 'Wrap reverse' },269 ],270 },271 },272 height: {273 name: 'Height',274 optional: true,275 value: undefined,276 shownValue: 50,277 oldValue: 50,278 oldShownValue: 50,279 renderType: 'number',280 selectorType: 'slider',281 selectorProps: {282 step: 1,283 minimumValue: 0,284 maximumValue: 500,285 },286 },287 justifyContent: {288 name: 'Justify content',289 optional: true,290 value: undefined,291 shownValue: 'flex-start',292 oldValue: 'flex-start',293 oldShownValue: 'flex-start',294 renderType: 'string',295 selectorType: 'dropDown',296 selectorProps: {297 options: [298 { value: 'flex-start', label: 'Flex start' },299 { value: 'flex-end', label: 'Flex end' },300 { value: 'center', label: 'Center' },301 { value: 'space-between', label: 'Space between' },302 { value: 'space-around', label: 'Space around' },303 { value: 'space-evenly', label: 'Space evenly' },304 ],305 },306 },307 left: {308 name: 'Left',309 optional: true,310 value: undefined,311 shownValue: 0,312 oldValue: 0,313 oldShownValue: 0,314 renderType: 'number',315 selectorType: 'slider',316 selectorProps: {317 step: 1,318 minimumValue: 0,319 maximumValue: 500,320 },321 },322 margin: {323 name: 'Margin',324 optional: true,325 value: undefined,326 shownValue: 0,327 oldValue: 0,328 oldShownValue: 0,329 renderType: 'number',330 selectorType: 'slider',331 selectorProps: {332 step: 1,333 minimumValue: 0,334 maximumValue: 500,335 },336 },337 marginBottom: {338 name: 'Margin bottom',339 optional: true,340 value: undefined,341 shownValue: 0,342 oldValue: 0,343 oldShownValue: 0,344 renderType: 'number',345 selectorType: 'slider',346 selectorProps: {347 step: 1,348 minimumValue: 0,349 maximumValue: 500,350 },351 },352 marginEnd: {353 name: 'Margin end',354 optional: true,355 value: undefined,356 shownValue: 0,357 oldValue: 0,358 oldShownValue: 0,359 renderType: 'number',360 selectorType: 'slider',361 selectorProps: {362 step: 1,363 minimumValue: 0,364 maximumValue: 500,365 },366 },367 marginHorizontal: {368 name: 'Margin horizontal',369 optional: true,370 value: undefined,371 shownValue: 0,372 oldValue: 0,373 oldShownValue: 0,374 renderType: 'number',375 selectorType: 'slider',376 selectorProps: {377 step: 1,378 minimumValue: 0,379 maximumValue: 500,380 },381 },382 marginLeft: {383 name: 'Margin left',384 optional: true,385 value: undefined,386 shownValue: 0,387 oldValue: 0,388 oldShownValue: 0,389 renderType: 'number',390 selectorType: 'slider',391 selectorProps: {392 step: 1,393 minimumValue: 0,394 maximumValue: 500,395 },396 },397 marginRight: {398 name: 'Margin right',399 optional: true,400 value: undefined,401 shownValue: 0,402 oldValue: 0,403 oldShownValue: 0,404 renderType: 'number',405 selectorType: 'slider',406 selectorProps: {407 step: 1,408 minimumValue: 0,409 maximumValue: 500,410 },411 },412 marginStart: {413 name: 'Margin start',414 optional: true,415 value: undefined,416 shownValue: 0,417 oldValue: 0,418 oldShownValue: 0,419 renderType: 'number',420 selectorType: 'slider',421 selectorProps: {422 step: 1,423 minimumValue: 0,424 maximumValue: 500,425 },426 },427 marginTop: {428 name: 'Margin top',429 optional: true,430 value: undefined,431 shownValue: 0,432 oldValue: 0,433 oldShownValue: 0,434 renderType: 'number',435 selectorType: 'slider',436 selectorProps: {437 step: 1,438 minimumValue: 0,439 maximumValue: 500,440 },441 },442 marginVertical: {443 name: 'Margin vertical',444 optional: true,445 value: undefined,446 shownValue: 0,447 oldValue: 0,448 oldShownValue: 0,449 renderType: 'number',450 selectorType: 'slider',451 selectorProps: {452 step: 1,453 minimumValue: 0,454 maximumValue: 500,455 },456 },457 maxHeight: {458 name: 'Max height',459 optional: true,460 value: undefined,461 shownValue: 50,462 oldValue: 50,463 oldShownValue: 50,464 renderType: 'number',465 selectorType: 'slider',466 selectorProps: {467 step: 1,468 minimumValue: 0,469 maximumValue: 500,470 },471 },472 maxWidth: {473 name: 'Max width',474 optional: true,475 value: undefined,476 shownValue: 50,477 oldValue: 50,478 oldShownValue: 50,479 renderType: 'number',480 selectorType: 'slider',481 selectorProps: {482 step: 1,483 minimumValue: 0,484 maximumValue: 500,485 },486 },487 minHeight: {488 name: 'Min height',489 optional: true,490 value: undefined,491 shownValue: 50,492 oldValue: 50,493 oldShownValue: 50,494 renderType: 'number',495 selectorType: 'slider',496 selectorProps: {497 step: 1,498 minimumValue: 0,499 maximumValue: 500,500 },501 },502 minWidth: {503 name: 'Min width',504 optional: true,505 value: undefined,506 shownValue: 50,507 oldValue: 50,508 oldShownValue: 50,509 renderType: 'number',510 selectorType: 'slider',511 selectorProps: {512 step: 1,513 minimumValue: 0,514 maximumValue: 500,515 },516 },517 overflow: {518 name: 'Overflow',519 optional: true,520 value: undefined,521 shownValue: 'visible',522 oldValue: 'visible',523 oldShownValue: 'visible',524 renderType: 'string',525 selectorType: 'dropDown',526 selectorProps: {527 options: [528 { value: 'visible', label: 'Visible' },529 { value: 'hidden', label: 'Hidden' },530 { value: 'scroll', label: 'Scroll' },531 ],532 },533 },534 padding: {535 name: 'Padding',536 optional: true,537 value: undefined,538 shownValue: 0,539 oldValue: 0,540 oldShownValue: 0,541 renderType: 'number',542 selectorType: 'slider',543 selectorProps: {544 step: 1,545 minimumValue: 0,546 maximumValue: 500,547 },548 },549 paddingBottom: {550 name: 'Padding bottom',551 optional: true,552 value: undefined,553 shownValue: 0,554 oldValue: 0,555 oldShownValue: 0,556 renderType: 'number',557 selectorType: 'slider',558 selectorProps: {559 step: 1,560 minimumValue: 0,561 maximumValue: 500,562 },563 },564 paddingEnd: {565 name: 'Padding end',566 optional: true,567 value: undefined,568 shownValue: 0,569 oldValue: 0,570 oldShownValue: 0,571 renderType: 'number',572 selectorType: 'slider',573 selectorProps: {574 step: 1,575 minimumValue: 0,576 maximumValue: 500,577 },578 },579 paddingHorizontal: {580 name: 'Padding horizontal',581 optional: true,582 value: undefined,583 shownValue: 0,584 oldValue: 0,585 oldShownValue: 0,586 renderType: 'number',587 selectorType: 'slider',588 selectorProps: {589 step: 1,590 minimumValue: 0,591 maximumValue: 500,592 },593 },594 paddingLeft: {595 name: 'Padding left',596 optional: true,597 value: undefined,598 shownValue: 0,599 oldValue: 0,600 oldShownValue: 0,601 renderType: 'number',602 selectorType: 'slider',603 selectorProps: {604 step: 1,605 minimumValue: 0,606 maximumValue: 500,607 },608 },609 paddingRight: {610 name: 'Padding right',611 optional: true,612 value: undefined,613 shownValue: 0,614 oldValue: 0,615 oldShownValue: 0,616 renderType: 'number',617 selectorType: 'slider',618 selectorProps: {619 step: 1,620 minimumValue: 0,621 maximumValue: 500,622 },623 },624 paddingStart: {625 name: 'Padding start',626 optional: true,627 value: undefined,628 shownValue: 0,629 oldValue: 0,630 oldShownValue: 0,631 renderType: 'number',632 selectorType: 'slider',633 selectorProps: {634 step: 1,635 minimumValue: 0,636 maximumValue: 500,637 },638 },639 paddingTop: {640 name: 'Padding top',641 optional: true,642 value: undefined,643 shownValue: 0,644 oldValue: 0,645 oldShownValue: 0,646 renderType: 'number',647 selectorType: 'slider',648 selectorProps: {649 step: 1,650 minimumValue: 0,651 maximumValue: 500,652 },653 },654 paddingVertical: {655 name: 'Padding vertical',656 optional: true,657 value: undefined,658 shownValue: 0,659 oldValue: 0,660 oldShownValue: 0,661 renderType: 'number',662 selectorType: 'slider',663 selectorProps: {664 step: 1,665 minimumValue: 0,666 maximumValue: 500,667 },668 },669 position: {670 name: 'Position',671 optional: true,672 value: undefined,673 shownValue: 'relative',674 oldValue: 'relative',675 oldShownValue: 'relative',676 renderType: 'string',677 selectorType: 'dropDown',678 selectorProps: {679 options: [680 { value: 'relative', label: 'Relative' },681 { value: 'absolute', label: 'Absolute' },682 ],683 },684 },685 right: {686 name: 'Right',687 optional: true,688 value: undefined,689 shownValue: 0,690 oldValue: 0,691 oldShownValue: 0,692 renderType: 'number',693 selectorType: 'slider',694 selectorProps: {695 step: 1,696 minimumValue: 0,697 maximumValue: 500,698 },699 },700 start: {701 name: 'Start',702 optional: true,703 value: undefined,704 shownValue: 0,705 oldValue: 0,706 oldShownValue: 0,707 renderType: 'number',708 selectorType: 'slider',709 selectorProps: {710 step: 1,711 minimumValue: 0,712 maximumValue: 500,713 },714 },715 top: {716 name: 'Top',717 optional: true,718 value: undefined,719 shownValue: 0,720 oldValue: 0,721 oldShownValue: 0,722 renderType: 'number',723 selectorType: 'slider',724 selectorProps: {725 step: 1,726 minimumValue: 0,727 maximumValue: 500,728 },729 },730 width: {731 name: 'Width',732 optional: true,733 value: undefined,734 shownValue: 50,735 oldValue: 50,736 oldShownValue: 50,737 renderType: 'number',738 selectorType: 'slider',739 selectorProps: {740 step: 1,741 minimumValue: 0,742 maximumValue: 500,743 },744 },745 zIndex: {746 name: 'zIndex',747 optional: true,748 value: undefined,749 shownValue: 0,750 oldValue: 0,751 oldShownValue: 0,752 renderType: 'number',753 selectorType: 'slider',754 selectorProps: {755 step: 1,756 minimumValue: 0,757 maximumValue: 100,758 },759 },...

Full Screen

Full Screen

viewStyleProps.ts

Source:viewStyleProps.ts Github

copy

Full Screen

1import { Prop } from '../types';2export const viewStyleProps: Record<string, Prop> = {3 backfaceVisibility: {4 name: 'Backface visibility',5 optional: true,6 value: undefined,7 shownValue: 'visible',8 oldValue: 'visible',9 oldShownValue: 'visible',10 renderType: 'string',11 selectorType: 'dropDown',12 selectorProps: {13 options: [14 { value: 'visible', label: 'Visible' },15 { value: 'hidden', label: 'Hidden' },16 ],17 },18 },19 backgroundColor: {20 name: 'Background color',21 optional: true,22 value: undefined,23 shownValue: '#ffffff',24 oldValue: '#ffffff',25 oldShownValue: '#ffffff',26 renderType: 'string',27 selectorType: 'colorPicker',28 selectorProps: {},29 },30 borderBottomColor: {31 name: 'Border bottom color',32 optional: true,33 value: undefined,34 shownValue: '#000000',35 oldValue: '#000000',36 oldShownValue: '#000000',37 renderType: 'string',38 selectorType: 'colorPicker',39 selectorProps: {},40 },41 borderBottomEndRadius: {42 name: 'Border bottom end radius',43 optional: true,44 value: undefined,45 shownValue: 5,46 oldValue: 5,47 oldShownValue: 5,48 renderType: 'number',49 selectorType: 'slider',50 selectorProps: {51 step: 1,52 minimumValue: 0,53 maximumValue: 100,54 },55 },56 borderBottomLeftRadius: {57 name: 'Border bottom left radius',58 optional: true,59 value: undefined,60 shownValue: 5,61 oldValue: 5,62 oldShownValue: 5,63 renderType: 'number',64 selectorType: 'slider',65 selectorProps: {66 step: 1,67 minimumValue: 0,68 maximumValue: 100,69 },70 },71 borderBottomRightRadius: {72 name: 'Border bottom right radius',73 optional: true,74 value: undefined,75 shownValue: 5,76 oldValue: 5,77 oldShownValue: 5,78 renderType: 'number',79 selectorType: 'slider',80 selectorProps: {81 step: 1,82 minimumValue: 0,83 maximumValue: 100,84 },85 },86 borderBottomStartRadius: {87 name: 'Border bottom start radius',88 optional: true,89 value: undefined,90 shownValue: 5,91 oldValue: 5,92 oldShownValue: 5,93 renderType: 'number',94 selectorType: 'slider',95 selectorProps: {96 step: 1,97 minimumValue: 0,98 maximumValue: 100,99 },100 },101 borderBottomWidth: {102 name: 'Border bottom width',103 optional: true,104 value: undefined,105 shownValue: 1,106 oldValue: 1,107 oldShownValue: 1,108 renderType: 'number',109 selectorType: 'slider',110 selectorProps: {111 step: 1,112 minimumValue: 0,113 maximumValue: 30,114 },115 },116 borderColor: {117 name: 'Border color',118 optional: true,119 value: undefined,120 shownValue: '#000000',121 oldValue: '#000000',122 oldShownValue: '#000000',123 renderType: 'string',124 selectorType: 'colorPicker',125 selectorProps: {},126 },127 borderEndColor: {128 name: 'Border end color',129 optional: true,130 value: undefined,131 shownValue: '#000000',132 oldValue: '#000000',133 oldShownValue: '#000000',134 renderType: 'string',135 selectorType: 'colorPicker',136 selectorProps: {},137 },138 borderLeftColor: {139 name: 'Border left color',140 optional: true,141 value: undefined,142 shownValue: '#000000',143 oldValue: '#000000',144 oldShownValue: '#000000',145 renderType: 'string',146 selectorType: 'colorPicker',147 selectorProps: {},148 },149 borderLeftWidth: {150 name: 'Border left width',151 optional: true,152 value: undefined,153 shownValue: 1,154 oldValue: 1,155 oldShownValue: 1,156 renderType: 'number',157 selectorType: 'slider',158 selectorProps: {159 step: 1,160 minimumValue: 0,161 maximumValue: 30,162 },163 },164 borderRadius: {165 name: 'Border radius',166 optional: true,167 value: undefined,168 shownValue: 5,169 oldValue: 5,170 oldShownValue: 5,171 renderType: 'number',172 selectorType: 'slider',173 selectorProps: {174 step: 1,175 minimumValue: 0,176 maximumValue: 100,177 },178 },179 borderRightColor: {180 name: 'Border right color',181 optional: true,182 value: undefined,183 shownValue: '#000000',184 oldValue: '#000000',185 oldShownValue: '#000000',186 renderType: 'string',187 selectorType: 'colorPicker',188 selectorProps: {},189 },190 borderRightWidth: {191 name: 'Border right width',192 optional: true,193 value: undefined,194 shownValue: 1,195 oldValue: 1,196 oldShownValue: 1,197 renderType: 'number',198 selectorType: 'slider',199 selectorProps: {200 step: 1,201 minimumValue: 0,202 maximumValue: 30,203 },204 },205 borderStartColor: {206 name: 'Border start color',207 optional: true,208 value: undefined,209 shownValue: '#000000',210 oldValue: '#000000',211 oldShownValue: '#000000',212 renderType: 'string',213 selectorType: 'colorPicker',214 selectorProps: {},215 },216 borderStyle: {217 name: 'Border style',218 optional: true,219 value: undefined,220 shownValue: 'solid',221 oldValue: 'solid',222 oldShownValue: 'solid',223 renderType: 'string',224 selectorType: 'dropDown',225 selectorProps: {226 options: [227 { value: 'solid', label: 'Solid' },228 { value: 'dotted', label: 'Dotted' },229 { value: 'dashed', label: 'Dashed' },230 ],231 },232 },233 borderTopColor: {234 name: 'Border top color',235 optional: true,236 value: undefined,237 shownValue: '#000000',238 oldValue: '#000000',239 oldShownValue: '#000000',240 renderType: 'string',241 selectorType: 'colorPicker',242 selectorProps: {},243 },244 borderTopEndRadius: {245 name: 'Border top end radius',246 optional: true,247 value: undefined,248 shownValue: 5,249 oldValue: 5,250 oldShownValue: 5,251 renderType: 'number',252 selectorType: 'slider',253 selectorProps: {254 step: 1,255 minimumValue: 0,256 maximumValue: 100,257 },258 },259 borderTopLeftRadius: {260 name: 'Border top left radius',261 optional: true,262 value: undefined,263 shownValue: 5,264 oldValue: 5,265 oldShownValue: 5,266 renderType: 'number',267 selectorType: 'slider',268 selectorProps: {269 step: 1,270 minimumValue: 0,271 maximumValue: 100,272 },273 },274 borderTopRightRadius: {275 name: 'Border top right radius',276 optional: true,277 value: undefined,278 shownValue: 5,279 oldValue: 5,280 oldShownValue: 5,281 renderType: 'number',282 selectorType: 'slider',283 selectorProps: {284 step: 1,285 minimumValue: 0,286 maximumValue: 100,287 },288 },289 borderTopStartRadius: {290 name: 'Border top start radius',291 optional: true,292 value: undefined,293 shownValue: 5,294 oldValue: 5,295 oldShownValue: 5,296 renderType: 'number',297 selectorType: 'slider',298 selectorProps: {299 step: 1,300 minimumValue: 0,301 maximumValue: 100,302 },303 },304 borderTopWidth: {305 name: 'Border top width',306 optional: true,307 value: undefined,308 shownValue: 1,309 oldValue: 1,310 oldShownValue: 1,311 renderType: 'number',312 selectorType: 'slider',313 selectorProps: {314 step: 1,315 minimumValue: 0,316 maximumValue: 30,317 },318 },319 borderWidth: {320 name: 'Border width',321 optional: true,322 value: undefined,323 shownValue: 1,324 oldValue: 1,325 oldShownValue: 1,326 renderType: 'number',327 selectorType: 'slider',328 selectorProps: {329 step: 1,330 minimumValue: 0,331 maximumValue: 30,332 },333 },334 // android only335 elevation: {336 name: 'Elevation',337 optional: true,338 value: undefined,339 shownValue: 1,340 oldValue: 1,341 oldShownValue: 1,342 renderType: 'number',343 selectorType: 'slider',344 selectorProps: {345 step: 1,346 minimumValue: 0,347 maximumValue: 30,348 },349 },350 opacity: {351 name: 'Opacity',352 optional: true,353 value: undefined,354 shownValue: 0.5,355 oldValue: 0.5,356 oldShownValue: 0.5,357 renderType: 'number',358 selectorType: 'slider',359 selectorProps: {360 step: 0.01,361 minimumValue: 0,362 maximumValue: 1,363 },364 },...

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { renderType } from 'storybook-root-renderer';2import { Button } from '@material-ui/core';3export default {4};5export const Text = () => renderType(Button, { children: 'Hello Button' });6export const Emoji = () => renderType(Button, { children: '😀 😎 👍 💯' });7export const Emoji2 = () => renderType(Button, { children: '👍' });8export const Emoji3 = () => renderType(Button, { children: '👍' });9import { configure } from '@storybook/react';10import 'storybook-root-renderer/register';11configure(require.context('../src', true, /\.stories\.js$/), module);12import React from 'react';13import { ThemeProvider } from '@material-ui/core/styles';14import { theme } from '../src/theme';15 (Story) => (16 <ThemeProvider theme={theme}>17];18import { addons } from '@storybook/addons';19import { themes } from '@storybook/theming';20import { create } from '@storybook/theming/create';21addons.setConfig({22 theme: create({23 }),24});25module.exports = {26 module: {27 {28 },29 },30};31import { renderType } from 'storybook-root-renderer';32renderType(component, props);

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { renderType } from 'storybook-root-renderer';2const storybook = require('@storybook/react');3import { renderType } from 'storybook-root-renderer';4const storybook = require('@storybook/react');5import { renderType } from 'storybook-root-renderer';6const storybook = require('@storybook/react');7import { renderType } from 'storybook-root-renderer';8const storybook = require('@storybook/react');9import { renderType } from 'storybook-root-renderer';10const storybook = require('@storybook/react');11import { renderType } from 'storybook-root-renderer';12const storybook = require('@storybook/react');13import { renderType } from 'storybook-root-renderer';14const storybook = require('@storybook/react');15import { renderType } from 'storybook-root-renderer';16const storybook = require('@storybook/react');17import { renderType } from 'storybook-root-renderer';18const storybook = require('@storybook/react');19import { renderType } from 'storybook-root-renderer';20const storybook = require('@storybook/react');21import { renderType } from 'storybook-root-renderer';22const storybook = require('@storybook/react');23import { renderType } from 'storybook-root-renderer';24const storybook = require('@storybook/react');25import { renderType } from 'storybook-root-renderer';26const storybook = require('@storybook/react');27import { renderType } from

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import React from 'react';2import { renderType } from 'storybook-root-renderer';3import MyComponent from './MyComponent';4describe('MyComponent', () => {5 it('should render', () => {6 const wrapper = renderType(MyComponent, { name: 'John' });7 expect(wrapper.find('h1').text()).toEqual('Hello, John!');8 });9});10import React, { PropTypes } from 'react';11const MyComponent = ({ name }) => (12 <h1>Hello, {name}!</h1>13);14MyComponent.propTypes = {15};16export default MyComponent;17import React from 'react';18import { mount } from 'enzyme';19import MyComponent from './MyComponent';20describe('MyComponent', () => {21 it('should render', () => {22 const wrapper = mount(<MyComponent name="John" />);23 expect(wrapper.find('h1').text()).toEqual('Hello, John!');24 });25});26import React from 'react';27import { shallow } from 'enzyme';28import MyComponent from './MyComponent';29describe('MyComponent', () => {30 it('should render', () => {31 const wrapper = shallow(<MyComponent name="John" />);32 expect(wrapper.find('h1').text()).toEqual('Hello, John!');33 });34});35import React from 'react';36import { render } from 'react-testing-library';37import MyComponent from './MyComponent';38describe('MyComponent', () => {39 it('should render', () => {40 const { container } = render(<MyComponent name="John" />);41 expect(container.querySelector('h1').textContent).toEqual('Hello, John!');42 });43});44import React from 'react';45import { render } from 'react-testing-library';46import MyComponent from './MyComponent';47describe('MyComponent', () => {48 it('should render', () => {49 const { container } = render(<MyComponent name="John" />);50 expect(container.querySelector('h1').textContent).toEqual('Hello, John!');51 });52});53import React from 'react';54import { render } from 'react-testing-library';55import MyComponent from

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { renderType } from 'storybook-root-decorator';2renderType('desktop', <Component />);3renderType('mobile', <Component />);4renderType('tablet', <Component />);5renderType('all', <Component />);6renderType('custom', <Component />, {7});8renderType('desktop', <Component />, {9});10renderType('mobile', <Component />, {11});12renderType('tablet', <Component />, {13});14renderType('all', <Component />, {15});16renderType('custom', <Component />, {17});18renderType('desktop', <Component />, {19});20renderType('mobile', <Component />, {21});22renderType('tablet', <Component />, {23});24renderType('all', <Component />, {25});26renderType('custom', <Component />, {27});28renderType('desktop', <Component />, {29});30renderType('mobile', <Component />, {31});32renderType('tablet', <Component />, {33});34renderType('all', <Component />, {35});

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { renderType } from 'storybook-root';2import { Button } from 'storybook-root';3renderType(Button, { text: 'Hello World' });4import { renderType } from 'storybook-root';5import { Button } from 'storybook-root';6renderType(Button, { text: 'Hello World' });7import { renderType } from 'storybook-root';8import { Button } from 'storybook-root';9renderType(Button, { text: 'Hello World' });10import { renderType } from 'storybook-root';11import { Button } from 'storybook-root';12renderType(Button, { text: 'Hello World' });13import { renderType } from 'storybook-root';14import { Button } from 'storybook-root';15renderType(Button, { text: 'Hello World' });16import { renderType } from 'storybook-root';17import { Button } from 'storybook-root';18renderType(Button, { text: 'Hello World' });19import { renderType } from 'storybook-root';20import { Button } from 'storybook-root';21renderType(Button, { text: 'Hello World' });22import { renderType } from 'storybook-root';23import { Button } from 'storybook-root';24renderType(Button, { text: 'Hello World' });25import { renderType } from 'storybook-root';26import { Button } from 'storybook-root';27renderType(Button, { text: 'Hello World' });28import { renderType } from 'storybook-root';29import { Button } from 'storybook-root';30renderType(Button, { text: 'Hello World' });31import { renderType } from 'storybook-root

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { renderType } from 'storybook-root-renderer';2import MyComponent from './MyComponent';3renderType(MyComponent, 'default', {text: 'Hello World'});4import { renderType } from 'storybook-root-renderer';5import MyComponent from './MyComponent';6renderType(MyComponent, 'default', {text: 'Hello World'});7MIT © [siddharthkp](

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { renderType } from 'storybook-root-renderer';2import { Button } from 'react-native';3renderType(Button, { title: 'Hello' });4import { renderType } from 'storybook-root-renderer';5import { Button } from 'react-native';6renderType(Button, { title: 'Hello' });7import { renderType } from 'storybook-root-renderer';8import { Button } from 'react-native';9renderType(Button, { title: 'Hello' });10import { renderType } from 'storybook-root-renderer';11import { Button } from 'react-native';12renderType(Button, { title: 'Hello' });13import { renderType } from 'storybook-root-renderer';14import { Button } from 'react-native';15renderType(Button, { title: 'Hello' });

Full Screen

Full Screen

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.

LambdaTest Learning Hubs:

YouTube

You could also refer to video tutorials over LambdaTest YouTube channel to get step by step demonstration from industry experts.

Run storybook-root automation tests on LambdaTest cloud grid

Perform automation testing on 3000+ real desktop and mobile devices online.

... View sample repo... View DocumentationSign up Free
›
_

Try LambdaTest Now !!

Get 100 minutes of automation test minutes FREE!!

...
Sign up with GoogleSign up with Email
Next-Gen App & Browser Testing Cloud

Was this article helpful?

Helpful

NotHelpful