KaneAI - World’s First E2E Software Testing Agent.Signup for Private Beta Join TestMu Conference

How to use Demo method in storybook-root

Best JavaScript code snippet using storybook-root

demo.function.js

Source:demo.function.js

1define(function(require) {2	require("w!/UI2/system/components/justep/touch/demo/touchjs/mainActivity.w");3	require("w!/UI2/system/components/justep/windowDialog/demo/demo.w");4	require("w!/UI2/system/components/justep/messageDialog/demo/demo.w");5	require("w!/UI2/system/components/justep/menu/demo/base.w");6	require("w!/UI2/system/components/justep/controlGroup/demo/demo.w");7	require("w!/UI2/system/components/justep/list/demo/news.w");8	require("w!/UI2/system/components/justep/labelEdit/demo/demo.w");9	require("w!/UI2/system/components/justep/select/demo/select.w");10	require("w!/UI2/system/components/justep/button/demo/checkbox.w");11	require("w!/UI2/system/components/justep/button/demo/radio.w");12	require("w!/UI2/system/components/justep/button/demo/toggle.w");13	require("w!/UI2/system/components/justep/button/demo/button.w");14	require("w!/UI2/system/components/justep/textarea/demo/textarea.w");15	require("w!/UI2/system/components/justep/output/demo/output.w");16	require("w!/UI2/system/components/justep/input/demo/range.w");17	require("w!/UI2/system/components/justep/input/demo/input.w");18	require("w!/UI2/system/components/justep/windowContainer/demo/main.w");19	require("w!/UI2/system/components/justep/wing/demo/wing.w");20	require("w!/UI2/system/components/justep/attachment/demo/demoSimple.w");21	require("w!/UI2/system/components/justep/popMenu/demo/popMenu.w");22	require("w!/UI2/system/components/justep/popOver/demo/base.w");23	require("w!/UI2/system/components/justep/row/demo/base.w");24	require("w!/UI2/system/components/justep/scrollView/demo/list/demo.w");25	require("w!/UI2/system/components/bootstrap/row/demo/grid.w");26	require("w!/UI2/system/components/justep/panel/demo/panel.w");27	require("w!/UI2/system/components/justep/contents/demo/contents.w");28	require("w!/UI2/system/components/justep/model/demo/model.w");29	require("w!/UI2/system/components/justep/docCommon/demo/mainActivity.w");30	require("w!/UI2/demo/misc/todoMVC/index.w");31	require("w!/UI2/takeout/index.w");32	require("w!/UI2/demo/baas/complexData/index.w");33	require("w!/UI2/demo/baas/masterDetail/index.w");34	require("w!/UI2/demo/baas/simpleData/index.w");35	require("w!/UI2/demo/baas/treeData/index.w");36	require("w!/UI2/demo/baas/treeDelayLoad/index.w");37	require("w!/UI2/system/components/justep/data/demo/base.w");38	require("w!/UI2/system/components/justep/barcode/demo/demoBarcodeImage.w");39	require("w!/UI2/system/components/justep/distpicker/demo/demo.w");40	require("w!/UI2/system/components/justep/locker/demo/demo.w");41	require("w!/UI2/system/components/justep/datePicker/demo/demo.w");42	require("w!/UI2/system/components/justep/timer/demo/demo.w");43	44	require("w!/UI2/demo/register/indexActivity.w");45	require("w!/UI2/demo/tuniu/index.w");46	require("w!/UI2/demo/account/list.w");47	require("w!/UI2/demo/account/list.w");48	49	require("w!/UI2/demo/native/toast/index.w");50	require("w!/UI2/demo/native/downloader/index.w");51	require("w!/UI2/demo/native/fileOpener/index.w");52	require("w!/UI2/demo/native/open/index.w");53	require("w!/UI2/demo/native/keyboard/index.w");54	require("w!/UI2/demo/native/backgroundMode/index.w");55	require("w!/UI2/demo/native/clipboard/index.w");56	require("w!/UI2/demo/native/videoplayer/index.w");57	require("w!/UI2/demo/native/clearCache/index.w");58	require("w!/UI2/demo/native/accelerometer/mainActivity.w");59	require("w!/UI2/demo/native/camera/mainActivity.w");60	require("w!/UI2/demo/native/audio/mainActivity.w");61	require("w!/UI2/demo/native/barcode/mainActivity.w");62	require("w!/UI2/demo/native/geolocation/mainActivity.w");63	64	require("w!/UI2/demo/plugin/actionsheet/demo.w");65	require("w!/UI2/demo/plugin/appAvailability/demo.w");66	require("w!/UI2/demo/plugin/appVersion/demo.w");67	require("w!/UI2/demo/plugin/badge/demo.w");68	require("w!/UI2/demo/plugin/BLECentral/demo.w");69	require("w!/UI2/demo/plugin/baiduMap/main.w");70	require("w!/UI2/demo/plugin/calendar/demo.w");71	require("w!/UI2/demo/plugin/customURL/demo.w");72	require("w!/UI2/demo/plugin/device/demo.w");73	require("w!/UI2/demo/plugin/events/demo.w");74	require("w!/UI2/demo/plugin/iFlytek/demo.w");75	require("w!/UI2/demo/plugin/insomnia/demo.w");76	require("w!/UI2/demo/plugin/jpush/demo.w");77	require("w!/UI2/demo/plugin/notification/demo.w");78	require("w!/UI2/demo/plugin/preferences/demo.w");79	require("w!/UI2/demo/plugin/privacyscreen/demo.w");80	require("w!/UI2/demo/plugin/scanCard/demo.w");81	require("w!/UI2/demo/plugin/screenOrientation/demo.w");82	require("w!/UI2/demo/plugin/spinner/demo.w");83	require("w!/UI2/demo/plugin/statusbar/demo.w");84	require("w!/UI2/demo/plugin/template/demo.w");85	require("w!/UI2/demo/plugin/touchID/demo.w");86	require("w!/UI2/demo/plugin/voiceManager/demo.w");87	require("w!/UI2/demo/plugin/sim/demo.w");88	89	9091	require("w!/UI2/demo/native/sqlite/simpleData/index.w");92	require("w!/UI2/demo/native/sqlite/treeData/index.w");93	require("w!/UI2/demo/native/sqlite/treeDelayLoad/index.w");94	9596	require("w!/UI2/demo/native/share/index.w");97	require("w!/UI2/demo/native/shareInfo/index.w");98	require("w!/UI2/demo/native/voiceSearch/index.w");99	require("w!/UI2/system/components/justep/jssdk/demo/test.w");100	101	//require("w!/UI2/demo/takeoutNew/index.w");102	require("w!/UI2/demo/qqContacts/index.w");103	require("w!/UI2/demo/waterfall/index.w");104	require("w!/UI2/demo/dataByRestful/index.w");105	require("w!/UI2/demo/picCut/index.w");106	107	return {108		"$children" : [{109				"$children" : [{110					"$name" : "item",111					"$text" : "",112					"display" : "solid",113					"label" : "ä»¿éç",114					"psmCount" : "1",115					"url" : "/UI2/demo/tuniu/index_main.w"116				},{117					"$name" : "item",118					"$text" : "",119					"display" : "solid",120					"label" : "å¤å",121					"psmCount" : "1",122					"url" : "/UI2/takeout/index.w"123				},/*{124					"$name" : "item",125					"$text" : "",126					"display" : "solid",127					"label" : "å¤å(éåtakeoutAdmin)",128					"psmCount" : "1",129					"url" : "/UI2/demo/takeoutNew/index.w"130				},*/{131					"$name" : "item",132					"$text" : "",133					"display" : "solid",134					"label" : "è®°è´¦æ¬",135					"psmCount" : "1",136					"url" : "/UI2/demo/account/list.w"137				},{138					"$name" : "item",139					"$text" : "",140					"display" : "solid",141					"label" : "è®°è´¦æ¬(dataè®¿é®baas)",142					"psmCount" : "1",143					"url" : "/UI2/demo/account/list.w"144				},{145					"$name" : "item",146					"$text" : "",147					"display" : "solid",148					"label" : "QQèç³»äººåè¡¨",149					"psmCount" : "1",150					"url" : "/UI2/demo/qqContacts/index.w"151				}, {152					"$name" : "item",153					"$text" : "",154					"display" : "solid",155					"label" : "å¾çè£åª",156					"psmCount" : "1",157					"url" : "/UI2/demo/picCut/mainActivity.w"158				},{159					"$name" : "item",160					"$text" : "",161					"display" : "solid",162					"label" : "å¾ççå¸æµ",163					"psmCount" : "1",164					"url" : "/UI2/demo/waterfall/main.w"165				}, {166					"$name" : "item",167					"$text" : "",168					"display" : "solid",169					"label" : "RESTful(éåé¨ç½²server)",170					"psmCount" : "1",171					"url" : "/UI2/demo/dataByRestful/index.w"172				}, {173					"$name" : "item",174					"$text" : "",175					"display" : "solid",176					"label" : "ç®åæ°æ®",177					"psmCount" : "1",178					"url" : "/UI2/demo/baas/simpleData/index.w"179				}, {180					"$name" : "item",181					"$text" : "",182					"display" : "solid",183					"label" : "å¤ææ°æ®",184					"psmCount" : "1",185					"url" : "/UI2/demo/baas/complexData/index.w"186				}, {187					"$name" : "item",188					"$text" : "",189					"display" : "solid",190					"label" : "æ å½¢æ°æ®ï¼ä¸æ¬¡å è½½ï¼",191					"psmCount" : "1",192					"url" : "/UI2/demo/baas/treeData/index.w"193				}, {194					"$name" : "item",195					"$text" : "",196					"display" : "solid",197					"label" : "æ å½¢æ°æ®ï¼éçº§å è½½ï¼",198					"psmCount" : "1",199					"url" : "/UI2/demo/baas/treeDelayLoad/index.w"200				}, {201					"$name" : "item",202					"$text" : "",203					"display" : "solid",204					"label" : "ä¸»ä»æ°æ®",205					"psmCount" : "1",206					"url" : "/UI2/demo/baas/masterDetail/index.w"207				}, {208					"$name" : "item",209					"$text" : "",210					"display" : "solid",211					"label" : "TodoMVC",212					"psmCount" : "1",213					"url" : "/UI2/demo/misc/todoMVC/index.w"214				} ,{215					"$name" : "item",216					"$text" : "",217					"display" : "solid",218					"label" : "åå®¹åäº«1",219					"psmCount" : "1",220					"url" : "/UI2/demo/native/share/index.w"221				}, {222					"$name" : "item",223					"$text" : "",224					"display" : "solid",225					"label" : "åå®¹åäº«2",226					"psmCount" : "1",227					"url" : "/UI2/demo/native/shareInfo/index.w"228				},{229					"$name" : "item",230					"$text" : "",231					"display" : "solid",232					"label" : "JSSDK",233					"psmCount" : "1",234					"url" : "/UI2/system/components/justep/jssdk/demo/test.w"235				}	236					,{237					"$name" : "item",238					"$text" : "",239					"display" : "solid",240					"label" : "touchjs",241					"psmCount" : "1",242					"url" : "/UI2/system/components/justep/touch/demo/touchjs/mainActivity.w"243				}],			244				"$name" : "item",245				"$text" : "",246				"display" : "solid",247				"label" : "æ¼ç¤ºæ¡ä¾"248			}, {249				"$children" : [{250					"$name" : "item",251					"$text" : "",252					"display" : "solid",253					"label" : "model",254					"psmCount" : "1",255					"url" : "/UI2/system/components/justep/model/demo/model.w"256				}, {257					"$name" : "item",258					"$text" : "",259					"display" : "solid",260					"label" : "contents",261					"psmCount" : "1",262					"url" : "/UI2/system/components/justep/contents/demo/contents.w"263				}, {264					"$name" : "item",265					"$text" : "",266					"display" : "solid",267					"label" : "panel",268					"psmCount" : "1",269					"url" : "/UI2/system/components/justep/panel/demo/panel.w"270				}, {271					"$name" : "item",272					"$text" : "",273					"display" : "solid",274					"label" : "grid 9",275					"psmCount" : "1",276					"url" : "/UI2/system/components/bootstrap/row/demo/grid.w"277				/* scrollViewå¨å¤åçä¾åä¸å·²ç»ä½ç°278				}, {279					"$name" : "item",280					"$text" : "",281					"label" : "scrollView",282					"psmCount" : "1",283					"url" : "/UI2/system/components/justep/scrollView/demo/list/demo.w"284				*/285				}, {286					"$name" : "item",287					"$text" : "",288					"display" : "solid",289					"label" : "row",290					"psmCount" : "1",291					"url" : "/UI2/system/components/justep/row/demo/base.w"292				}, {293					"$name" : "item",294					"$text" : "",295					"display" : "solid",296					"label" : "popOver",297					"psmCount" : "1",298					"url" : "/UI2/system/components/justep/popOver/demo/base.w"299				}, {300					"$name" : "item",301					"$text" : "",302					"display" : "solid",303					"label" : "popMenu",304					"psmCount" : "1",305					"url" : "/UI2/system/components/justep/popMenu/demo/popMenu.w"306				}, {307					"$name" : "item",308					"$text" : "",309					"display" : "solid",310					"label" : "wing",311					"psmCount" : "1",312					"url" : "/UI2/system/components/justep/wing/demo/wing.w"313				},{314					"$name" : "item",315					"$text" : "",316					"display" : "solid",317					"label" : "attachmentSimple",318					"psmCount" : "1",319					"url" : "/UI2/system/components/justep/attachment/demo/demoSimple.w"320				},{321					"$name" : "item",322					"$text" : "",323					"display" : "solid",324					"label" : "windowContainer",325					"psmCount" : "1",326					"url" : "/UI2/system/components/justep/windowContainer/demo/main.w"327				}, {328					"$name" : "item",329					"$text" : "",330					"label" : "input",331					"psmCount" : "1",332					"url" : "/UI2/system/components/justep/input/demo/input.w"333				}, {334					"$name" : "item",335					"$text" : "",336					"display" : "solid",337					"label" : "range",338					"psmCount" : "1",339					"url" : "/UI2/system/components/justep/input/demo/range.w"340				}, {341					"$name" : "item",342					"$text" : "",343					"display" : "solid",344					"label" : "output",345					"psmCount" : "1",346					"url" : "/UI2/system/components/justep/output/demo/output.w"347				}, {348					"$name" : "item",349					"$text" : "",350					"display" : "solid",351					"label" : "textarea",352					"psmCount" : "1",353					"url" : "/UI2/system/components/justep/textarea/demo/textarea.w"354				}, {355					"$name" : "item",356					"$text" : "",357					"display" : "solid",358					"label" : "button",359					"psmCount" : "1",360					"url" : "/UI2/system/components/justep/button/demo/button.w"361				}, {362					"$name" : "item",363					"$text" : "",364					"display" : "solid",365					"label" : "toggle",366					"psmCount" : "1",367					"url" : "/UI2/system/components/justep/button/demo/toggle.w"368				}, {369					"$name" : "item",370					"$text" : "",371					"display" : "solid",372					"label" : "radio",373					"psmCount" : "1",374					"url" : "/UI2/system/components/justep/button/demo/radio.w"375				}, {376					"$name" : "item",377					"$text" : "",378					"display" : "solid",379					"label" : "checkbox",380					"psmCount" : "1",381					"url" : "/UI2/system/components/justep/button/demo/checkbox.w"382				}, {383					"$name" : "item",384					"$text" : "",385					"display" : "solid",386					"label" : "select",387					"psmCount" : "1",388					"url" : "/UI2/system/components/justep/select/demo/select.w"389				}, {390					"$name" : "item",391					"$text" : "",392					"display" : "solid",393					"label" : "labelEdit",394					"psmCount" : "1",395					"url" : "/UI2/system/components/justep/labelEdit/demo/demo.w"396				}, {397					"$name" : "item",398					"$text" : "",399					"label" : "list",400					"psmCount" : "1",401					"url" : "/UI2/system/components/justep/list/demo/news.w"402				},{403					"$name" : "item",404					"$text" : "",405					"display" : "solid",406					"label" : "controlGroup",407					"psmCount" : "1",408					"url" : "/UI2/system/components/justep/controlGroup/demo/demo.w"409				}, {410					"$name" : "item",411					"$text" : "",412					"label" : "menu",413					"psmCount" : "1",414					"url" : "/UI2/system/components/justep/menu/demo/base.w"415				}, {416					"$name" : "item",417					"$text" : "",418					"display" : "solid",419					"label" : "messageDialog",420					"psmCount" : "1",421					"url" : "/UI2/system/components/justep/messageDialog/demo/demo.w"422				}, {423					"$name" : "item",424					"$text" : "",425					"display" : "solid",426					"label" : "windowDialog",427					"psmCount" : "1",428					"url" : "/UI2/system/components/justep/windowDialog/demo/demo.w"429				} ,{430					"$name" : "item",431					"$text" : "",432					"label" : "data",433					"psmCount" : "1",434					"url" : "/UI2/system/components/justep/data/demo/base.w"435				},{436					"$name" : "item",437					"$text" : "",438					"label" : "distpicker",439					"psmCount" : "1",440					"url" : "$UI/system/components/justep/distpicker/demo/demo.w"441				},{442					"$name" : "item",443					"$text" : "",444					"label" : "locker",445					"psmCount" : "1",446					"url" : "$UI/system/components/justep/locker/demo/demo.w"447				},{448					"$name" : "item",449					"$text" : "",450					"label" : "datePicker",451					"psmCount" : "1",452					"url" : "$UI/system/components/justep/datePicker/demo/demo.w"453				},{454					"$name" : "item",455					"$text" : "",456					"label" : "timer",457					"psmCount" : "1",458					"url" : "$UI/system/components/justep/timer/demo/demo.w"459				},460				{461					"$name" : "item",462					"$text" : "",463					"label" : "barcodeImage",464					"psmCount" : "1",465					"url" : "/UI2/system/components/justep/barcode/demo/demoBarcodeImage.w"466				}],467				"$name" : "item",468				"$text" : "",469				"label" : "ç»ä»¶"470			},{471			"$children" : [{472				"$name" : "item",473				"$text" : "",474				"display" : "solid",475				"label" : "toast",476				"psmCount" : "1",477				"url" : "/UI2/demo/native/toast/index.w"478			}479			, {480				"$name" : "item",481				"$text" : "",482				"display" : "solid",483				"label" : "downloader",484				"psmCount" : "1",485				"url" : "/UI2/demo/native/downloader/index.w"486			}487			, {488				"$name" : "item",489				"$text" : "",490				"display" : "solid",491				"label" : "fileOpener",492				"psmCount" : "1",493				"url" : "/UI2/demo/native/fileOpener/index.w"494			}495			, {496				"$name" : "item",497				"$text" : "",498				"display" : "solid",499				"label" : "open",500				"psmCount" : "1",501				"url" : "/UI2/demo/native/open/index.w"502			}503			, {504				"$name" : "item",505				"$text" : "",506				"display" : "solid",507				"label" : "keyboard",508				"psmCount" : "1",509				"url" : "/UI2/demo/native/keyboard/index.w"510			}511			, {512				"$name" : "item",513				"$text" : "",514				"display" : "solid",515				"label" : "backgroundMode",516				"psmCount" : "1",517				"url" : "/UI2/demo/native/backgroundMode/index.w"518			}519			, {520				"$name" : "item",521				"$text" : "",522				"display" : "solid",523				"label" : "clipboard",524				"psmCount" : "1",525				"url" : "/UI2/demo/native/clipboard/index.w"526			}527			, {528				"$name" : "item",529				"$text" : "",530				"display" : "solid",531				"label" : "videoplayer",532				"psmCount" : "1",533				"url" : "/UI2/demo/native/videoplayer/index.w"534			}535			, {536				"$name" : "item",537				"$text" : "",538				"display" : "solid",539				"label" : "clearCache",540				"psmCount" : "1",541				"url" : "/UI2/demo/native/clearCache/index.w"542			},{543				"$name" : "item",544				"$text" : "",545				"display" : "solid",546				"label" : "æä»¶ç³»ç»",547				"psmCount" : "1",548				"url" : "/UI2/system/components/justep/docCommon/demo/mainActivity.w"549			},{550					"$name" : "item",551					"$text" : "",552					"display" : "solid",553					"label" : "æåå¤´æç§/å½å",554					"psmCount" : "1",555					"url" : "/UI2/demo/native/camera/mainActivity.w"556				}, {557					"$name" : "item",558					"$text" : "",559					"display" : "solid",560					"label" : "å éåº¦ä¼ æå¨",561					"psmCount" : "1",562					"url" : "/UI2/demo/native/accelerometer/mainActivity.w"563				}, {564					"$name" : "item",565					"$text" : "",566					"display" : "solid",567					"label" : "é³é¢å½å¶/ææ¾",568					"psmCount" : "1",569					"url" : "/UI2/demo/native/audio/mainActivity.w"570				}, {571					"$name" : "item",572					"$text" : "",573					"display" : "solid",574					"label" : "äºç»´ç æ«æ",575					"psmCount" : "1",576					"url" : "/UI2/demo/native/barcode/mainActivity.w"577				}, {578					"$name" : "item",579					"$text" : "",580					"display" : "solid",581					"label" : "å°å¾/å°çå®ä½",582					"psmCount" : "1",583					"url" : "/UI2/demo/native/geolocation/mainActivity.w"584				}, {585					"$name" : "item",586					"$text" : "",587					"display" : "solid",588					"label" : "è¯é³æç´¢",589					"psmCount" : "1",590					"url" : "/UI2/demo/native/voiceSearch/index.w"591				}, {592					"$name" : "item",593					"$text" : "",594					"display" : "solid",595					"label" : "actionsheet",596					"psmCount" : "1",597					"url" : "/UI2/demo/plugin/actionsheet/demo.w"598				}, {599					"$name" : "item",600					"$text" : "",601					"display" : "solid",602					"label" : "appAvailability",603					"psmCount" : "1",604					"url" : "/UI2/demo/plugin/appAvailability/demo.w"605				}, {606					"$name" : "item",607					"$text" : "",608					"display" : "solid",609					"label" : "appVersion",610					"psmCount" : "1",611					"url" : "/UI2/demo/plugin/appVersion/demo.w"612				}, {613					"$name" : "item",614					"$text" : "",615					"display" : "solid",616					"label" : "badge",617					"psmCount" : "1",618					"url" : "/UI2/demo/plugin/badge/demo.w"619				}, {620					"$name" : "item",621					"$text" : "",622					"display" : "solid",623					"label" : "baiduMap",624					"psmCount" : "1",625					"url" : "/UI2/demo/plugin/baiduMap/main.w"626				}, {627					"$name" : "item",628					"$text" : "",629					"display" : "solid",630					"label" : "jPush",631					"psmCount" : "1",632					"url" : "/UI2/demo/plugin/jpush/demo.w"633				}, {634					"$name" : "item",635					"$text" : "",636					"display" : "solid",637					"label" : "calendar",638					"psmCount" : "1",639					"url" : "/UI2/demo/plugin/calendar/demo.w"640				}, {641					"$name" : "item",642					"$text" : "",643					"display" : "solid",644					"label" : "customURL",645					"psmCount" : "1",646					"url" : "/UI2/demo/plugin/customURL/demo.w"647				}, {648					"$name" : "item",649					"$text" : "",650					"display" : "solid",651					"label" : "device",652					"psmCount" : "1",653					"url" : "/UI2/demo/plugin/device/demo.w"654				}, {655					"$name" : "item",656					"$text" : "",657					"display" : "solid",658					"label" : "events",659					"psmCount" : "1",660					"url" : "/UI2/demo/plugin/events/demo.w"661				}, {662					"$name" : "item",663					"$text" : "",664					"display" : "solid",665					"label" : "iFlytek",666					"psmCount" : "1",667					"url" : "/UI2/demo/plugin/iFlytek/demo.w"668				}, {669					"$name" : "item",670					"$text" : "",671					"display" : "solid",672					"label" : "insomnia",673					"psmCount" : "1",674					"url" : "/UI2/demo/plugin/insomnia/demo.w"675				}, {676					"$name" : "item",677					"$text" : "",678					"display" : "solid",679					"label" : "preferences",680					"psmCount" : "1",681					"url" : "/UI2/demo/plugin/preferences/demo.w"682				}, {683					"$name" : "item",684					"$text" : "",685					"display" : "solid",686					"label" : "privacyscreen",687					"psmCount" : "1",688					"url" : "/UI2/demo/plugin/privacyscreen/demo.w"689				}, {690					"$name" : "item",691					"$text" : "",692					"display" : "solid",693					"label" : "scanCard",694					"psmCount" : "1",695					"url" : "/UI2/demo/plugin/scanCard/demo.w"696				}, {697					"$name" : "item",698					"$text" : "",699					"display" : "solid",700					"label" : "screenOrientation",701					"psmCount" : "1",702					"url" : "/UI2/demo/plugin/screenOrientation/demo.w"703				}, {704					"$name" : "item",705					"$text" : "",706					"display" : "solid",707					"label" : "spinner",708					"psmCount" : "1",709					"url" : "/UI2/demo/plugin/spinner/demo.w"710				}, {711					"$name" : "item",712					"$text" : "",713					"display" : "solid",714					"label" : "statusbar",715					"psmCount" : "1",716					"url" : "/UI2/demo/plugin/statusbar/demo.w"717				}, {718					"$name" : "item",719					"$text" : "",720					"display" : "solid",721					"label" : "touchID",722					"psmCount" : "1",723					"url" : "/UI2/demo/plugin/touchID/demo.w"724				}, {725					"$name" : "item",726					"$text" : "",727					"display" : "solid",728					"label" : "voiceManager",729					"psmCount" : "1",730					"url" : "/UI2/demo/plugin/voiceManager/demo.w"731				}, {732					"$name" : "item",733					"$text" : "",734					"display" : "solid",735					"label" : "sim",736					"psmCount" : "1",737					"url" : "/UI2/demo/plugin/sim/demo.w"738				}, {739					"$name" : "item",740					"$text" : "",741					"display" : "solid",742					"label" : "notification",743					"psmCount" : "1",744					"url" : "/UI2/demo/plugin/notification/demo.w"745				}, {746					"$name" : "item",747					"$text" : "",748					"display" : "solid",749					"label" : "BLECentral",750					"psmCount" : "1",751					"url" : "/UI2/demo/plugin/BLECentral/demo.w"752				}753			],			754			"$name" : "item",755			"$text" : "",756			"display" : "solid",757			"label" : "cordova"758		}, {759			"$children" : [ {760				"$name" : "item",761				"$text" : "",762				"display" : "solid",763				"label" : "Sqliteæ°æ®åå",764				"psmCount" : "1",765				"url" : "/UI2/demo/sqlite/simpleData/index.w"766			}, {767				"$name" : "item",768				"$text" : "",769				"display" : "solid",770				"label" : "Sqliteæ å½¢ä¸æ¬¡å è½½",771				"psmCount" : "1",772				"url" : "/UI2/demo/sqlite/treeData/index.w"773			}, {774				"$name" : "item",775				"$text" : "",776				"display" : "solid",777				"label" : "Sqliteæ å½¢éçº§å è½½",778				"psmCount" : "1",779				"url" : "/UI2/demo/sqlite/treeDelayLoad/index.w"780			} ],781			"$name" : "item",782			"$text" : "",783			"display" : "solid",784			"label" : "Sqliteæ¡ä¾"785		} ],786		"$name" : "root",787		"$text" : ""788	};
...

comp.ts

Source:comp.ts

1import type { AppRouteModule } from '/@/router/types';2import { getParentLayout, LAYOUT } from '/@/router/constant';3import { t } from '/@/hooks/web/useI18n';4const comp: AppRouteModule = {5  path: '/comp',6  name: 'Comp',7  component: LAYOUT,8  redirect: '/comp/basic',9  meta: {10    orderNo: 30,11    icon: 'ion:layers-outline',12    title: t('routes.demo.comp.comp'),13  },14  children: [15    {16      path: 'basic',17      name: 'BasicDemo',18      component: () => import('/@/views/demo/comp/button/index.vue'),19      meta: {20        title: t('routes.demo.comp.basic'),21      },22    },23    {24      path: 'form',25      name: 'FormDemo',26      redirect: '/comp/form/basic',27      component: getParentLayout('FormDemo'),28      meta: {29        // icon: 'mdi:form-select',30        title: t('routes.demo.form.form'),31      },32      children: [33        {34          path: 'basic',35          name: 'FormBasicDemo',36          component: () => import('/@/views/demo/form/index.vue'),37          meta: {38            title: t('routes.demo.form.basic'),39          },40        },41        {42          path: 'useForm',43          name: 'UseFormDemo',44          component: () => import('/@/views/demo/form/UseForm.vue'),45          meta: {46            title: t('routes.demo.form.useForm'),47          },48        },49        {50          path: 'refForm',51          name: 'RefFormDemo',52          component: () => import('/@/views/demo/form/RefForm.vue'),53          meta: {54            title: t('routes.demo.form.refForm'),55          },56        },57        {58          path: 'advancedForm',59          name: 'AdvancedFormDemo',60          component: () => import('/@/views/demo/form/AdvancedForm.vue'),61          meta: {62            title: t('routes.demo.form.advancedForm'),63          },64        },65        {66          path: 'ruleForm',67          name: 'RuleFormDemo',68          component: () => import('/@/views/demo/form/RuleForm.vue'),69          meta: {70            title: t('routes.demo.form.ruleForm'),71          },72        },73        {74          path: 'dynamicForm',75          name: 'DynamicFormDemo',76          component: () => import('/@/views/demo/form/DynamicForm.vue'),77          meta: {78            title: t('routes.demo.form.dynamicForm'),79          },80        },81        {82          path: 'customerForm',83          name: 'CustomerFormDemo',84          component: () => import('/@/views/demo/form/CustomerForm.vue'),85          meta: {86            title: t('routes.demo.form.customerForm'),87          },88        },89        {90          path: 'appendForm',91          name: 'appendFormDemo',92          component: () => import('/@/views/demo/form/AppendForm.vue'),93          meta: {94            title: t('routes.demo.form.appendForm'),95          },96        },97      ],98    },99    {100      path: 'table',101      name: 'TableDemo',102      redirect: '/comp/table/basic',103      component: getParentLayout('TableDemo'),104      meta: {105        // icon: 'carbon:table-split',106        title: t('routes.demo.table.table'),107      },108      children: [109        {110          path: 'basic',111          name: 'TableBasicDemo',112          component: () => import('/@/views/demo/table/Basic.vue'),113          meta: {114            title: t('routes.demo.table.basic'),115          },116        },117        {118          path: 'treeTable',119          name: 'TreeTableDemo',120          component: () => import('/@/views/demo/table/TreeTable.vue'),121          meta: {122            title: t('routes.demo.table.treeTable'),123          },124        },125        {126          path: 'fetchTable',127          name: 'FetchTableDemo',128          component: () => import('/@/views/demo/table/FetchTable.vue'),129          meta: {130            title: t('routes.demo.table.fetchTable'),131          },132        },133        {134          path: 'fixedColumn',135          name: 'FixedColumnDemo',136          component: () => import('/@/views/demo/table/FixedColumn.vue'),137          meta: {138            title: t('routes.demo.table.fixedColumn'),139          },140        },141        {142          path: 'customerCell',143          name: 'CustomerCellDemo',144          component: () => import('/@/views/demo/table/CustomerCell.vue'),145          meta: {146            title: t('routes.demo.table.customerCell'),147          },148        },149        {150          path: 'formTable',151          name: 'FormTableDemo',152          component: () => import('/@/views/demo/table/FormTable.vue'),153          meta: {154            title: t('routes.demo.table.formTable'),155          },156        },157        {158          path: 'useTable',159          name: 'UseTableDemo',160          component: () => import('/@/views/demo/table/UseTable.vue'),161          meta: {162            title: t('routes.demo.table.useTable'),163          },164        },165        {166          path: 'refTable',167          name: 'RefTableDemo',168          component: () => import('/@/views/demo/table/RefTable.vue'),169          meta: {170            title: t('routes.demo.table.refTable'),171          },172        },173        {174          path: 'multipleHeader',175          name: 'MultipleHeaderDemo',176          component: () => import('/@/views/demo/table/MultipleHeader.vue'),177          meta: {178            title: t('routes.demo.table.multipleHeader'),179          },180        },181        {182          path: 'mergeHeader',183          name: 'MergeHeaderDemo',184          component: () => import('/@/views/demo/table/MergeHeader.vue'),185          meta: {186            title: t('routes.demo.table.mergeHeader'),187          },188        },189        {190          path: 'expandTable',191          name: 'ExpandTableDemo',192          component: () => import('/@/views/demo/table/ExpandTable.vue'),193          meta: {194            title: t('routes.demo.table.expandTable'),195          },196        },197        {198          path: 'fixedHeight',199          name: 'FixedHeightDemo',200          component: () => import('/@/views/demo/table/FixedHeight.vue'),201          meta: {202            title: t('routes.demo.table.fixedHeight'),203          },204        },205        {206          path: 'footerTable',207          name: 'FooterTableDemo',208          component: () => import('/@/views/demo/table/FooterTable.vue'),209          meta: {210            title: t('routes.demo.table.footerTable'),211          },212        },213        {214          path: 'editCellTable',215          name: 'EditCellTableDemo',216          component: () => import('/@/views/demo/table/EditCellTable.vue'),217          meta: {218            title: t('routes.demo.table.editCellTable'),219          },220        },221        {222          path: 'editRowTable',223          name: 'EditRowTableDemo',224          component: () => import('/@/views/demo/table/EditRowTable.vue'),225          meta: {226            title: t('routes.demo.table.editRowTable'),227          },228        },229        {230          path: 'authColumn',231          name: 'AuthColumnDemo',232          component: () => import('/@/views/demo/table/AuthColumn.vue'),233          meta: {234            title: t('routes.demo.table.authColumn'),235          },236        },237        {238          path: 'resizeParentHeightTable',239          name: 'ResizeParentHeightTable',240          component: () => import('/@/views/demo/table/ResizeParentHeightTable.vue'),241          meta: {242            title: t('routes.demo.table.resizeParentHeightTable'),243          },244        },245      ],246    },247    {248      path: 'transition',249      name: 'transitionDemo',250      component: () => import('/@/views/demo/comp/transition/index.vue'),251      meta: {252        title: t('routes.demo.comp.transition'),253      },254    },255    {256      path: 'cropper',257      name: 'CropperDemo',258      component: () => import('/@/views/demo/comp/cropper/index.vue'),259      meta: {260        title: t('routes.demo.comp.cropperImage'),261      },262    },263    {264      path: 'timestamp',265      name: 'TimeDemo',266      component: () => import('/@/views/demo/comp/time/index.vue'),267      meta: {268        title: t('routes.demo.comp.time'),269      },270    },271    {272      path: 'countTo',273      name: 'CountTo',274      component: () => import('/@/views/demo/comp/count-to/index.vue'),275      meta: {276        title: t('routes.demo.comp.countTo'),277      },278    },279    {280      path: 'tree',281      name: 'TreeDemo',282      redirect: '/comp/tree/basic',283      component: getParentLayout('TreeDemo'),284      meta: {285        // icon: 'clarity:tree-view-line',286        title: t('routes.demo.comp.tree'),287      },288      children: [289        {290          path: 'basic',291          name: 'BasicTreeDemo',292          component: () => import('/@/views/demo/tree/index.vue'),293          meta: {294            title: t('routes.demo.comp.treeBasic'),295          },296        },297        {298          path: 'editTree',299          name: 'EditTreeDemo',300          component: () => import('/@/views/demo/tree/EditTree.vue'),301          meta: {302            title: t('routes.demo.comp.editTree'),303          },304        },305        {306          path: 'actionTree',307          name: 'ActionTreeDemo',308          component: () => import('/@/views/demo/tree/ActionTree.vue'),309          meta: {310            title: t('routes.demo.comp.actionTree'),311          },312        },313      ],314    },315    {316      path: 'editor',317      name: 'EditorDemo',318      redirect: '/comp/editor/markdown',319      component: getParentLayout('EditorDemo'),320      meta: {321        // icon: 'carbon:table-split',322        title: t('routes.demo.editor.editor'),323      },324      children: [325        {326          path: 'json',327          component: () => import('/@/views/demo/editor/json/index.vue'),328          name: 'JsonEditorDemo',329          meta: {330            title: t('routes.demo.editor.jsonEditor'),331          },332        },333        {334          path: 'markdown',335          component: getParentLayout('MarkdownDemo'),336          name: 'MarkdownDemo',337          meta: {338            title: t('routes.demo.editor.markdown'),339          },340          redirect: '/comp/editor/markdown/index',341          children: [342            {343              path: 'index',344              name: 'MarkDownBasicDemo',345              component: () => import('/@/views/demo/editor/markdown/index.vue'),346              meta: {347                title: t('routes.demo.editor.tinymceBasic'),348              },349            },350            {351              path: 'editor',352              name: 'MarkDownFormDemo',353              component: () => import('/@/views/demo/editor/markdown/Editor.vue'),354              meta: {355                title: t('routes.demo.editor.tinymceForm'),356              },357            },358          ],359        },360        {361          path: 'tinymce',362          component: getParentLayout('TinymceDemo'),363          name: 'TinymceDemo',364          meta: {365            title: t('routes.demo.editor.tinymce'),366          },367          redirect: '/comp/editor/tinymce/index',368          children: [369            {370              path: 'index',371              name: 'TinymceBasicDemo',372              component: () => import('/@/views/demo/editor/tinymce/index.vue'),373              meta: {374                title: t('routes.demo.editor.tinymceBasic'),375              },376            },377            {378              path: 'editor',379              name: 'TinymceFormDemo',380              component: () => import('/@/views/demo/editor/tinymce/Editor.vue'),381              meta: {382                title: t('routes.demo.editor.tinymceForm'),383              },384            },385          ],386        },387      ],388    },389    {390      path: 'scroll',391      name: 'ScrollDemo',392      redirect: '/comp/scroll/basic',393      component: getParentLayout('ScrollDemo'),394      meta: {395        title: t('routes.demo.comp.scroll'),396      },397      children: [398        {399          path: 'basic',400          name: 'BasicScrollDemo',401          component: () => import('/@/views/demo/comp/scroll/index.vue'),402          meta: {403            title: t('routes.demo.comp.scrollBasic'),404          },405        },406        {407          path: 'action',408          name: 'ActionScrollDemo',409          component: () => import('/@/views/demo/comp/scroll/Action.vue'),410          meta: {411            title: t('routes.demo.comp.scrollAction'),412          },413        },414        {415          path: 'virtualScroll',416          name: 'VirtualScrollDemo',417          component: () => import('/@/views/demo/comp/scroll/VirtualScroll.vue'),418          meta: {419            title: t('routes.demo.comp.virtualScroll'),420          },421        },422      ],423    },424    {425      path: 'modal',426      name: 'ModalDemo',427      component: () => import('/@/views/demo/comp/modal/index.vue'),428      meta: {429        title: t('routes.demo.comp.modal'),430      },431    },432    {433      path: 'drawer',434      name: 'DrawerDemo',435      component: () => import('/@/views/demo/comp/drawer/index.vue'),436      meta: {437        title: t('routes.demo.comp.drawer'),438      },439    },440    {441      path: 'desc',442      name: 'DescDemo',443      component: () => import('/@/views/demo/comp/desc/index.vue'),444      meta: {445        title: t('routes.demo.comp.desc'),446      },447    },448    {449      path: 'lazy',450      name: 'LazyDemo',451      component: getParentLayout('LazyDemo'),452      redirect: '/comp/lazy/basic',453      meta: {454        title: t('routes.demo.comp.lazy'),455      },456      children: [457        {458          path: 'basic',459          name: 'BasicLazyDemo',460          component: () => import('/@/views/demo/comp/lazy/index.vue'),461          meta: {462            title: t('routes.demo.comp.lazyBasic'),463          },464        },465        {466          path: 'transition',467          name: 'BasicTransitionDemo',468          component: () => import('/@/views/demo/comp/lazy/Transition.vue'),469          meta: {470            title: t('routes.demo.comp.lazyTransition'),471          },472        },473      ],474    },475    {476      path: 'verify',477      name: 'VerifyDemo',478      component: getParentLayout('VerifyDemo'),479      redirect: '/comp/verify/drag',480      meta: {481        title: t('routes.demo.comp.verify'),482      },483      children: [484        {485          path: 'drag',486          name: 'VerifyDragDemo',487          component: () => import('/@/views/demo/comp/verify/index.vue'),488          meta: {489            title: t('routes.demo.comp.verifyDrag'),490          },491        },492        {493          path: 'rotate',494          name: 'VerifyRotateDemo',495          component: () => import('/@/views/demo/comp/verify/Rotate.vue'),496          meta: {497            title: t('routes.demo.comp.verifyRotate'),498          },499        },500      ],501    },502    //503    {504      path: 'qrcode',505      name: 'QrCodeDemo',506      component: () => import('/@/views/demo/comp/qrcode/index.vue'),507      meta: {508        title: t('routes.demo.comp.qrcode'),509      },510    },511    {512      path: 'strength-meter',513      name: 'StrengthMeterDemo',514      component: () => import('/@/views/demo/comp/strength-meter/index.vue'),515      meta: {516        title: t('routes.demo.comp.strength'),517      },518    },519    {520      path: 'upload',521      name: 'UploadDemo',522      component: () => import('/@/views/demo/comp/upload/index.vue'),523      meta: {524        title: t('routes.demo.comp.upload'),525      },526    },527    {528      path: 'loading',529      name: 'LoadingDemo',530      component: () => import('/@/views/demo/comp/loading/index.vue'),531      meta: {532        title: t('routes.demo.comp.loading'),533      },534    },535    {536      path: 'cardList',537      name: 'CardListDemo',538      component: () => import('/@/views/demo/comp/card-list/index.vue'),539      meta: {540        title: t('routes.demo.comp.cardList'),541      },542    },543  ],544};...

Using AI Code Generation

1import { Demo } from 'storybook-root';2import { Demo } from 'storybook-root/Demo';3import { Demo } from 'storybook-root';4import { Demo } from 'storybook-root/Demo';5import { Demo } from 'storybook-root';6import { Demo } from 'storybook-root/Demo';7import { Demo } from 'storybook-root';8import { Demo } from 'storybook-root/Demo';9import { Demo } from 'storybook-root';10import { Demo } from 'storybook-root/Demo';11import { Demo } from 'storybook-root';12import { Demo } from 'storybook-root/Demo';13import { Demo } from 'storybook-root';14import { Demo } from 'storybook-root/Demo';15import { Demo } from 'storybook-root';16import { Demo } from 'storybook-root/Demo';17import { Demo } from 'storybook-root';18import { Demo } from 'storybook-root/Demo';19import { Demo } from 'storybook-root';20import { Demo } from 'storybook-root/Demo';21import { Demo } from 'storybook-root';22import { Demo } from 'storybook-root/Demo';23import { Demo } from 'storybook-root';24import { Demo } from 'storybook-root/Demo';25import { Demo } from 'storybook-root';26import { Demo } from 'storybook-root/Demo';27import { Demo } from 'storybook-root';28import { Demo } from 'storybook-root/D

Using AI Code Generation

1import { Demo } from 'storybook-root';2import { Demo } from 'storybook-root/lib/Demo';3import { Demo } from 'storybook-root';4import { Demo } from 'storybook-root/lib/Demo';5I have tried to import the component as6import { Demo } from 'storybook-root/lib/Demo';7I have tried to import the component as8import { Demo } from 'storybook-root';9I have tried to import the component as10import Demo from 'storybook-root/lib/Demo';11I have tried to import the component as12import Demo from 'storybook-root';13I have tried to import the component as14import Demo from 'storybook-root/Demo';15I have tried to import the component as16import Demo from 'storybook-root/lib/Demo/Demo';17I have tried to import the component as18import Demo from 'storybook-root/Demo/Demo';19I have tried to import the component as20import Demo from 'storybook-root/Demo';21I have tried to import the component as22import Demo from 'storybook-root/lib/Demo/index';23I have tried to import the component as24import Demo from 'storybook-root/lib/Demo/index.js';25I have tried to import the component as26import Demo from 'storybook-root/lib/Demo/index.jsx';27I have tried to import the component as28import Demo from 'storybook-root/lib/Demo/index.ts';29I have tried to import the component as30import Demo from 'storybook-root/lib/Demo/index.tsx';31I have tried to import the component as32import Demo from 'storybook-root/lib/Demo/index.json';33I have tried to import the component as34import Demo from 'storybook-root/lib/Demo/index.css';35I have tried to import the component as36import Demo from 'storybook-root/lib/Demo/index.scss';37I have tried to import the component as38import Demo from 'storybook-root/lib/Demo/index.less';

Using AI Code Generation

1import { Demo } from 'storybook-root';2Demo();3import { configure } from '@storybook/react';4import { setOptions } from '@storybook/addon-options';5import { addDecorator } from '@storybook/react';6import { withInfo } from '@storybook/addon-info';7import { withKnobs } from '@storybook/addon-knobs';8import { withOptions } from '@storybook/addon-options';9import { withA11y } from '@storybook/addon-a11y';10import { withTests } from '@storybook/addon-jest';11import results from '../.jest-test-results.json';12addDecorator(13  withInfo({14    styles: stylesheet => {15      stylesheet.infoBody = {16      };17      return stylesheet;18    },19  }),20);21addDecorator(withKnobs);22addDecorator(23  withOptions({

Using AI Code Generation

1import { Demo } from 'storybook-root';2export { Demo } from './src/Demo';3export { Demo } from './Demo';4export { Demo } from './Demo';5export { Demo } from './Demo';6export { Demo } from './Demo';7export { Demo } from './Demo';8export { Demo } from './Demo';9export { Demo } from './Demo';10export { Demo } from './Demo';11export { Demo } from './Demo';12export { Demo } from './Demo';13export { Demo } from './Demo';14export { Demo } from './Demo';

Using AI Code Generation

1import { Demo } from 'storybook-root';2const App = () => {3  return <Demo />;4};5export default App;6import App from './test.js';7ReactDOM.render(<App />, document.getElementById('root'));

Using AI Code Generation

1import { Demo } from 'storybook-root';2const Test = () => {3  return <Demo />;4};5export default Test;6"dependencies": {7}8module.exports = {9  stories: ['../**/*.stories.@(js|jsx|ts|tsx)'],10  webpackFinal: async (config) => {11    config.resolve.alias['storybook-root'] = path.resolve(__dirname, '../');12    return config;13  },14};15import { addDecorator } from '@storybook/react';16import { withThemesProvider } from 'storybook-addon-styled-component-theme';17import { GlobalStyle } from 'storybook-root';18import { themes } from '@storybook/theming';19import { ThemeProvider } from 'styled-components';20import { theme } from 'storybook-root';21addDecorator(withThemesProvider([theme]));22  (Story) => (23    <ThemeProvider theme={theme}>24];25export const parameters = {26  actions: { argTypesRegex: '^on[A-Z].*' },27  backgrounds: {28      {29      },30      {31      },32  },33};

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.