How to use renderType method in storybook-root

Best JavaScript code snippet using storybook-root

mock-tracestep-data.ts

Source:mock-tracestep-data.ts

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  ];...

layoutProps.ts

Source:layoutProps.ts

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  },...

viewStyleProps.ts

Source:viewStyleProps.ts

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  },...

Using AI Code Generation

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);

Using AI Code Generation

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

Using AI Code Generation

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

Using AI Code Generation

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});

Using AI Code Generation

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

Using AI Code Generation

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](

Using AI Code Generation

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' });

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.