Unlock 30% off on Manual Testing Annual Plans this Holiday Season. 
Use Code: LCMYEARENDEXCL30
Use Code: LCMYEARENDEXCL30Check icon
Copied to Clipboard!
How to use Simple method in storybook-root
Best JavaScript code snippet using storybook-root
icons.js
Source:icons.js 
1export const simplelineicons = [2 'simple-icon-user',3 'simple-icon-people',4 'simple-icon-user-female',5 'simple-icon-user-follow',6 'simple-icon-user-following',7 'simple-icon-user-unfollow',8 'simple-icon-login',9 'simple-icon-logout',10 'simple-icon-emotsmile',11 'simple-icon-phone',12 'simple-icon-call-end',13 'simple-icon-call-in',14 'simple-icon-call-out',15 'simple-icon-map',16 'simple-icon-location-pin',17 'simple-icon-direction',18 'simple-icon-directions',19 'simple-icon-compass',20 'simple-icon-layers',21 'simple-icon-menu',22 'simple-icon-list',23 'simple-icon-options-vertical',24 'simple-icon-options',25 'simple-icon-arrow-down',26 'simple-icon-arrow-left',27 'simple-icon-arrow-right',28 'simple-icon-arrow-up',29 'simple-icon-arrow-up-circle',30 'simple-icon-arrow-left-circle',31 'simple-icon-arrow-right-circle',32 'simple-icon-arrow-down-circle',33 'simple-icon-check',34 'simple-icon-clock',35 'simple-icon-plus',36 'simple-icon-minus',37 'simple-icon-close',38 'simple-icon-event',39 'simple-icon-exclamation',40 'simple-icon-organization',41 'simple-icon-trophy',42 'simple-icon-screen-smartphone',43 'simple-icon-screen-desktop',44 'simple-icon-plane',45 'simple-icon-notebook',46 'simple-icon-mustache',47 'simple-icon-mouse',48 'simple-icon-magnet',49 'simple-icon-energy',50 'simple-icon-disc',51 'simple-icon-cursor',52 'simple-icon-cursor-move',53 'simple-icon-crop',54 'simple-icon-chemistry',55 'simple-icon-speedometer',56 'simple-icon-shield',57 'simple-icon-screen-tablet',58 'simple-icon-magic-wand',59 'simple-icon-hourglass',60 'simple-icon-graduation',61 'simple-icon-ghost',62 'simple-icon-game-controller',63 'simple-icon-fire',64 'simple-icon-eyeglass',65 'simple-icon-envelope-open',66 'simple-icon-envelope-letter',67 'simple-icon-bell',68 'simple-icon-badge',69 'simple-icon-anchor',70 'simple-icon-wallet',71 'simple-icon-vector',72 'simple-icon-speech',73 'simple-icon-puzzle',74 'simple-icon-printer',75 'simple-icon-present',76 'simple-icon-playlist',77 'simple-icon-pin',78 'simple-icon-picture',79 'simple-icon-handbag',80 'simple-icon-globe-alt',81 'simple-icon-globe',82 'simple-icon-folder-alt',83 'simple-icon-folder',84 'simple-icon-film',85 'simple-icon-feed',86 'simple-icon-drop',87 'simple-icon-drawer',88 'simple-icon-docs',89 'simple-icon-doc',90 'simple-icon-diamond',91 'simple-icon-cup',92 'simple-icon-calculator',93 'simple-icon-bubbles',94 'simple-icon-briefcase',95 'simple-icon-book-open',96 'simple-icon-basket-loaded',97 'simple-icon-basket',98 'simple-icon-bag',99 'simple-icon-action-undo',100 'simple-icon-action-redo',101 'simple-icon-wrench',102 'simple-icon-umbrella',103 'simple-icon-trash',104 'simple-icon-tag',105 'simple-icon-support',106 'simple-icon-frame',107 'simple-icon-size-fullscreen',108 'simple-icon-size-actual',109 'simple-icon-shuffle',110 'simple-icon-share-alt',111 'simple-icon-share',112 'simple-icon-rocket',113 'simple-icon-question',114 'simple-icon-pie-chart',115 'simple-icon-pencil',116 'simple-icon-note',117 'simple-icon-loop',118 'simple-icon-home',119 'simple-icon-grid',120 'simple-icon-graph',121 'simple-icon-microphone',122 'simple-icon-music-tone-alt',123 'simple-icon-music-tone',124 'simple-icon-earphones-alt',125 'simple-icon-earphones',126 'simple-icon-equalizer',127 'simple-icon-like',128 'simple-icon-dislike',129 'simple-icon-control-start',130 'simple-icon-control-rewind',131 'simple-icon-control-play',132 'simple-icon-control-pause',133 'simple-icon-control-forward',134 'simple-icon-control-end',135 'simple-icon-volume-1',136 'simple-icon-volume-2',137 'simple-icon-volume-off',138 'simple-icon-calendar',139 'simple-icon-bulb',140 'simple-icon-chart',141 'simple-icon-ban',142 'simple-icon-bubble',143 'simple-icon-camrecorder',144 'simple-icon-camera',145 'simple-icon-cloud-download',146 'simple-icon-cloud-upload',147 'simple-icon-envelope',148 'simple-icon-eye',149 'simple-icon-flag',150 'simple-icon-heart',151 'simple-icon-info',152 'simple-icon-key',153 'simple-icon-link',154 'simple-icon-lock',155 'simple-icon-lock-open',156 'simple-icon-magnifier',157 'simple-icon-magnifier-add',158 'simple-icon-magnifier-remove',159 'simple-icon-paper-clip',160 'simple-icon-paper-plane',161 'simple-icon-power',162 'simple-icon-refresh',163 'simple-icon-reload',164 'simple-icon-settings',165 'simple-icon-star',166 'simple-icon-symbol-female',167 'simple-icon-symbol-male',168 'simple-icon-target',169 'simple-icon-credit-card',170 'simple-icon-paypal',171 'simple-icon-social-tumblr',172 'simple-icon-social-twitter',173 'simple-icon-social-facebook',174 'simple-icon-social-instagram',175 'simple-icon-social-linkedin',176 'simple-icon-social-pinterest',177 'simple-icon-social-github',178 'simple-icon-social-google',179 'simple-icon-social-reddit',180 'simple-icon-social-skype',181 'simple-icon-social-dribbble',182 'simple-icon-social-behance',183 'simple-icon-social-foursqare',184 'simple-icon-social-soundcloud',185 'simple-icon-social-spotify',186 'simple-icon-social-stumbleupon',187 'simple-icon-social-youtube',188 'simple-icon-social-dropbox',189 'simple-icon-social-vkontakte',190 'simple-icon-social-steam',191];192export const iconsmind = [193 {194 title: 'Alignment & Paragraph',195 icons: [196 'iconsminds-add-space-after-paragraph',197 'iconsminds-add-space-before-paragraph',198 'iconsminds-align-center',199 'iconsminds-align-justify-all',200 'iconsminds-align-justify-center',201 'iconsminds-align-justify-left',202 'iconsminds-align-justify-right',203 'iconsminds-align-left',204 'iconsminds-align-right',205 'iconsminds-decrase-inedit',206 'iconsminds-increase-inedit',207 'iconsminds-indent-first-line',208 'iconsminds-indent-left-margin',209 'iconsminds-indent-right-margin',210 'iconsminds-line-spacing',211 ],212 },213 {214 title: 'Arrow View',215 icons: [216 'iconsminds-arrow-fork',217 'iconsminds-arrow-from',218 'iconsminds-arrow-inside-45',219 'iconsminds-arrow-inside-gap-45',220 'iconsminds-arrow-inside-gap',221 'iconsminds-arrow-inside',222 'iconsminds-arrow-into',223 'iconsminds-arrow-junction',224 'iconsminds-arrow-loop',225 'iconsminds-arrow-merge',226 'iconsminds-arrow-mix',227 'iconsminds-arrow-out-left',228 'iconsminds-arrow-out-right',229 'iconsminds-arrow-outside-45',230 'iconsminds-arrow-outside-gap-45',231 'iconsminds-arrow-outside-gap',232 'iconsminds-arrow-outside',233 'iconsminds-arrow-over',234 'iconsminds-arrow-shuffle',235 'iconsminds-arrow-squiggly',236 'iconsminds-arrow-through',237 'iconsminds-arrow-to',238 'iconsminds-double-circle',239 'iconsminds-full-view-2',240 'iconsminds-full-view',241 'iconsminds-maximize',242 'iconsminds-minimize',243 'iconsminds-resize',244 'iconsminds-three-arrow-fork',245 'iconsminds-view-height',246 'iconsminds-view-width',247 'iconsminds-arrow-around',248 'iconsminds-arrow-barrier',249 'iconsminds-arrow-circle',250 'iconsminds-arrow-cross',251 ],252 },253 {254 title: 'Arrows',255 icons: [256 'iconsminds-arrow-back-2',257 'iconsminds-arrow-back-3',258 'iconsminds-arrow-back',259 'iconsminds-arrow-down-2',260 'iconsminds-arrow-down-3',261 'iconsminds-arrow-down-in-circle',262 'iconsminds-arrow-down',263 'iconsminds-arrow-forward-2',264 'iconsminds-arrow-forward',265 'iconsminds-arrow-left-2',266 'iconsminds-arrow-left-in-circle',267 'iconsminds-arrow-left',268 'iconsminds-arrow-next',269 'iconsminds-arrow-refresh-2',270 'iconsminds-arrow-refresh',271 'iconsminds-arrow-right-2',272 'iconsminds-arrow-right-in-circle',273 'iconsminds-arrow-right',274 'iconsminds-arrow-turn-left',275 'iconsminds-arrow-turn-right',276 'iconsminds-arrow-up-2',277 'iconsminds-arrow-up-3',278 'iconsminds-arrow-up-in-circle',279 'iconsminds-arrow-up',280 'iconsminds-arrow-x-left',281 'iconsminds-arrow-x-right',282 'iconsminds-bottom-to-top',283 'iconsminds-down',284 'iconsminds-down-2',285 'iconsminds-down-3',286 'iconsminds-download',287 'iconsminds-end',288 'iconsminds-fit-to-2',289 'iconsminds-fit-to',290 'iconsminds-full-screen-2',291 'iconsminds-full-screen',292 'iconsminds-go-bottom',293 'iconsminds-go-top',294 'iconsminds-left---right-3',295 'iconsminds-left---right',296 'iconsminds-left',297 'iconsminds-left-2',298 'iconsminds-left-3',299 'iconsminds-left-to-right',300 'iconsminds-loop',301 'iconsminds-navigate-end',302 'iconsminds-navigat-start',303 'iconsminds-reload',304 'iconsminds-reload-2',305 'iconsminds-repeat',306 'iconsminds-repeat-2',307 'iconsminds-repeat-3',308 'iconsminds-repeat-4',309 'iconsminds-right',310 'iconsminds-right-2',311 'iconsminds-right-3',312 'iconsminds-right-to-left',313 'iconsminds-shuffle',314 'iconsminds-shuffle-2',315 'iconsminds-start',316 'iconsminds-sync',317 'iconsminds-to-bottom-2',318 'iconsminds-to-bottom',319 'iconsminds-to-left',320 'iconsminds-top-to-bottom',321 'iconsminds-to-right',322 'iconsminds-to-top-2',323 'iconsminds-to-top',324 'iconsminds-triangle-arrow-down',325 'iconsminds-triangle-arrow-left',326 'iconsminds-triangle-arrow-right',327 'iconsminds-triangle-arrow-up',328 'iconsminds-turn-down-2',329 'iconsminds-turn-down-from-left',330 'iconsminds-turn-down-from-right',331 'iconsminds-turn-down',332 'iconsminds-turn-left-3',333 'iconsminds-turn-left',334 'iconsminds-turn-right-3',335 'iconsminds-turn-right',336 'iconsminds-turn-up-2',337 'iconsminds-turn-up',338 'iconsminds-up---down-3',339 'iconsminds-up---down',340 'iconsminds-up',341 'iconsminds-up-2',342 'iconsminds-up-3',343 'iconsminds-upload',344 ],345 },346 {347 title: 'Basic',348 icons: [349 'iconsminds-billing',350 'iconsminds-binocular',351 'iconsminds-bone',352 'iconsminds-box-close',353 'iconsminds-box-with-folders',354 'iconsminds-brush',355 'iconsminds-bucket',356 'iconsminds-camera-3',357 'iconsminds-camera-4',358 'iconsminds-candle',359 'iconsminds-candy',360 'iconsminds-chair',361 'iconsminds-control',362 'iconsminds-control-2',363 'iconsminds-crop-2',364 'iconsminds-crown-2',365 'iconsminds-dashboard',366 'iconsminds-data-center',367 'iconsminds-data-cloud',368 'iconsminds-data-download',369 'iconsminds-data-storage',370 'iconsminds-delete-file',371 'iconsminds-dice',372 'iconsminds-drill',373 'iconsminds-duplicate-layer',374 'iconsminds-electricity',375 'iconsminds-factory',376 'iconsminds-feather',377 'iconsminds-file',378 'iconsminds-file-clipboard-file---text',379 'iconsminds-file-clipboard',380 'iconsminds-file-copy',381 'iconsminds-file-edit',382 'iconsminds-file-horizontal',383 'iconsminds-files',384 'iconsminds-file-zip',385 'iconsminds-filter-2',386 'iconsminds-flash-2',387 'iconsminds-folder',388 'iconsminds-folder-add--',389 'iconsminds-folder-block',390 'iconsminds-folder-close',391 'iconsminds-folder-cloud',392 'iconsminds-folder-delete',393 'iconsminds-folder-edit',394 'iconsminds-folder-open',395 'iconsminds-folders',396 'iconsminds-folder-zip',397 'iconsminds-funny-bicycle',398 'iconsminds-gas-pump',399 'iconsminds-gear',400 'iconsminds-gear-2',401 'iconsminds-gears',402 'iconsminds-gift-box',403 'iconsminds-grave',404 'iconsminds-headphone',405 'iconsminds-headset',406 'iconsminds-hipster-men',407 'iconsminds-hub',408 'iconsminds-idea',409 'iconsminds-information',410 'iconsminds-key',411 'iconsminds-knife',412 'iconsminds-lantern',413 'iconsminds-layer-backward',414 'iconsminds-layer-forward',415 'iconsminds-library',416 'iconsminds-light-bulb-2',417 'iconsminds-loading',418 'iconsminds-loading-2',419 'iconsminds-loading-3',420 'iconsminds-magic-wand',421 'iconsminds-magnifi-glass--',422 'iconsminds-magnifi-glass',423 'iconsminds-memory-card-2',424 'iconsminds-mine',425 'iconsminds-mustache-2',426 'iconsminds-office-lamp',427 'iconsminds-old-sticky-2',428 'iconsminds-on-off',429 'iconsminds-on-off-2',430 'iconsminds-on-off-3',431 'iconsminds-palette',432 'iconsminds-paper',433 'iconsminds-pen',434 'iconsminds-photo',435 'iconsminds-photo-album-2',436 'iconsminds-power-station',437 'iconsminds-preview',438 'iconsminds-pricing',439 'iconsminds-profile',440 'iconsminds-project',441 'iconsminds-puzzle',442 'iconsminds-refinery',443 'iconsminds-remove-file',444 'iconsminds-rename',445 'iconsminds-repair',446 'iconsminds-ruler',447 'iconsminds-save',448 'iconsminds-scissor',449 'iconsminds-scroller',450 'iconsminds-scroller-2',451 'iconsminds-share',452 'iconsminds-smoking-pipe',453 'iconsminds-solar',454 'iconsminds-statistic',455 'iconsminds-suitcase',456 'iconsminds-support',457 'iconsminds-switch',458 'iconsminds-tripod-with-camera',459 'iconsminds-upgrade',460 'iconsminds-user',461 'iconsminds-windmill',462 'iconsminds-witch-hat',463 'iconsminds-wrench',464 'iconsminds-add-file',465 'iconsminds-affiliate',466 'iconsminds-anchor',467 'iconsminds-balloon',468 'iconsminds-beard-3',469 'iconsminds-bicycle',470 'iconsminds-big-data',471 'iconsminds-printer',472 'iconsminds-sheep',473 'iconsminds-cow',474 'iconsminds-dog',475 'iconsminds-deer',476 'iconsminds-pantone',477 'iconsminds-digital-drawing',478 'iconsminds-trophy-2',479 'iconsminds-life-safer',480 'iconsminds-usb',481 'iconsminds-flowerpot',482 ],483 },484 {485 title: 'Buildings & Landmarks',486 icons: [487 'iconsminds-eifel-tower',488 'iconsminds-el-castillo',489 'iconsminds-embassy',490 'iconsminds-empire-state-building',491 'iconsminds-factory-1',492 'iconsminds-fire-staion',493 'iconsminds-home',494 'iconsminds-home-3',495 'iconsminds-home-4',496 'iconsminds-hotel',497 'iconsminds-japanese-gate',498 'iconsminds-leaning-tower',499 'iconsminds-lighthouse',500 'iconsminds-museum',501 'iconsminds-office',502 'iconsminds-opera-house',503 'iconsminds-piramids',504 'iconsminds-police-station',505 'iconsminds-post-office',506 'iconsminds-prater',507 'iconsminds-roof',508 'iconsminds-space-needle',509 'iconsminds-the-white-house',510 'iconsminds-tower',511 'iconsminds-bank',512 'iconsminds-berlin-tower',513 'iconsminds-big-bang',514 'iconsminds-building',515 'iconsminds-castle',516 'iconsminds-chinese-temple',517 'iconsminds-chrysler-building',518 'iconsminds-city-hall',519 'iconsminds-clothing-store',520 'iconsminds-colosseum',521 'iconsminds-column',522 'iconsminds-taj-mahal',523 ],524 },525 {526 title: 'Business & Finance',527 icons: [528 'iconsminds-coins',529 'iconsminds-coins-2',530 'iconsminds-diamond',531 'iconsminds-dollar',532 'iconsminds-dollar-sign-2',533 'iconsminds-euro',534 'iconsminds-euro-sign-2',535 'iconsminds-financial',536 'iconsminds-handshake',537 'iconsminds-pie-chart-3',538 'iconsminds-pie-chart',539 'iconsminds-pound',540 'iconsminds-pound-sign-2',541 'iconsminds-safe-box',542 'iconsminds-wallet',543 'iconsminds-bar-chart-4',544 'iconsminds-calendar-1',545 'iconsminds-calendar-4',546 'iconsminds-line-chart-1',547 'iconsminds-line-chart-3',548 ],549 },550 {551 title: 'Clothes & Accesories',552 icons: [553 'iconsminds-jeans',554 'iconsminds-sunglasses-w-3',555 'iconsminds-tie',556 'iconsminds-t-shirt',557 'iconsminds-baby-clothes',558 'iconsminds-belt',559 'iconsminds-bikini',560 'iconsminds-blouse',561 'iconsminds-boot',562 'iconsminds-bow-3',563 'iconsminds-bra',564 'iconsminds-cap',565 'iconsminds-coat',566 'iconsminds-dress',567 'iconsminds-glasses-3',568 'iconsminds-gloves',569 'iconsminds-hanger',570 'iconsminds-heels-2',571 'iconsminds-jacket',572 'iconsminds-walkie-talkie',573 ],574 },575 {576 title: 'Communications & Network',577 icons: [578 'iconsminds-wifi',579 'iconsminds-address-book-2',580 'iconsminds-bell',581 'iconsminds-bird-delivering-letter',582 'iconsminds-communication-tower-2',583 'iconsminds-fax',584 'iconsminds-megaphone',585 'iconsminds-newspaper',586 'iconsminds-old-telephone',587 'iconsminds-router',588 'iconsminds-telephone-2',589 'iconsminds-smartphone-4',590 'iconsminds-tablet-3',591 'iconsminds-computer',592 'iconsminds-laptop---phone',593 'iconsminds-laptop---tablet',594 'iconsminds-laptop-3',595 'iconsminds-monitor',596 'iconsminds-monitor---laptop',597 'iconsminds-monitor---phone',598 'iconsminds-monitor---tablet',599 'iconsminds-monitor-3',600 'iconsminds-monitor-vertical',601 'iconsminds-orientation',602 'iconsminds-phone-3',603 'iconsminds-smartphone-3',604 ],605 },606 {607 title: 'Education',608 icons: [609 'iconsminds-quill-3',610 'iconsminds-student-hat',611 'iconsminds-blackboard',612 'iconsminds-book',613 'iconsminds-bookmark',614 'iconsminds-books',615 'iconsminds-compass-2',616 'iconsminds-diploma-2',617 'iconsminds-eraser-2',618 'iconsminds-formula',619 'iconsminds-notepad',620 'iconsminds-open-book',621 'iconsminds-pen-2',622 'iconsminds-pi',623 'iconsminds-pipette',624 ],625 },626 {627 title: 'Emails',628 icons: [629 'iconsminds-mail-block',630 'iconsminds-mailbox-empty',631 'iconsminds-mailbox-full',632 'iconsminds-mail-delete',633 'iconsminds-mail-favorite',634 'iconsminds-mail-forward',635 'iconsminds-mail-gallery',636 'iconsminds-mail-inbox',637 'iconsminds-mail-link',638 'iconsminds-mail-lock',639 'iconsminds-mail-love',640 'iconsminds-mail-money',641 'iconsminds-mail-open',642 'iconsminds-mail-outbox',643 'iconsminds-mail-password',644 'iconsminds-mail-photo',645 'iconsminds-mail-read',646 'iconsminds-mail-remove-x',647 'iconsminds-mail-reply-all',648 'iconsminds-mail-reply',649 'iconsminds-mail-search',650 'iconsminds-mail-send',651 'iconsminds-mail-settings',652 'iconsminds-mail-unread',653 'iconsminds-mail-video',654 'iconsminds-mail-with-at-sign',655 'iconsminds-mail-with-cursors',656 'iconsminds-new-mail',657 'iconsminds-post-mail-2',658 'iconsminds-post-mail',659 'iconsminds-spam-mail',660 'iconsminds-stamp',661 'iconsminds-stamp-2',662 'iconsminds-voicemail',663 'iconsminds-at-sign',664 'iconsminds-box-full',665 'iconsminds-empty-box',666 'iconsminds-envelope',667 'iconsminds-envelope-2',668 'iconsminds-inbox',669 'iconsminds-inbox-empty',670 'iconsminds-inbox-forward',671 'iconsminds-inbox-full',672 'iconsminds-inbox-into',673 'iconsminds-inbox-out',674 'iconsminds-inbox-reply',675 'iconsminds-letter-close',676 'iconsminds-letter-open',677 'iconsminds-letter-sent',678 'iconsminds-mail',679 'iconsminds-mail-2',680 'iconsminds-mail-3',681 'iconsminds-mail-add--',682 'iconsminds-mail-attachement',683 ],684 },685 {686 title: 'Food & Drinks',687 icons: [688 'iconsminds-ice-cream',689 'iconsminds-lollipop',690 'iconsminds-open-banana',691 'iconsminds-pepper',692 'iconsminds-tee-mug',693 'iconsminds-tomato',694 'iconsminds-apple',695 'iconsminds-apple-bite',696 'iconsminds-beer-glass',697 'iconsminds-birthday-cake',698 'iconsminds-bread',699 'iconsminds-cake',700 'iconsminds-can',701 'iconsminds-can-2',702 'iconsminds-cheese',703 'iconsminds-chef-hat',704 'iconsminds-chopsticks',705 'iconsminds-cocktail',706 'iconsminds-coffee',707 'iconsminds-coffee-bean',708 'iconsminds-coffee-to-go',709 'iconsminds-cookies',710 'iconsminds-croissant',711 'iconsminds-cupcake',712 'iconsminds-doughnut',713 'iconsminds-fish',714 'iconsminds-glass-water',715 'iconsminds-hamburger',716 'iconsminds-hot-dog',717 ],718 },719 {720 title: 'Hardware',721 icons: [722 'iconsminds-webcam',723 'iconsminds-battery-0',724 'iconsminds-battery-100',725 'iconsminds-battery-charge',726 'iconsminds-charger',727 'iconsminds-cpu',728 'iconsminds-disk',729 'iconsminds-dvd',730 'iconsminds-fan',731 'iconsminds-gamepad-2',732 'iconsminds-hdd',733 'iconsminds-keyboard',734 'iconsminds-mouse',735 'iconsminds-mouse-3',736 'iconsminds-plug-in',737 'iconsminds-power',738 'iconsminds-power-cable',739 'iconsminds-remote-controll-2',740 'iconsminds-server-2',741 'iconsminds-speaker',742 ],743 },744 {745 title: 'Interface',746 icons: [747 'iconsminds-start-ways',748 'iconsminds-synchronize',749 'iconsminds-synchronize-2',750 'iconsminds-undo',751 'iconsminds-up-1',752 'iconsminds-upload-1',753 'iconsminds-upward',754 'iconsminds-yes',755 'iconsminds-add',756 'iconsminds-back',757 'iconsminds-broken-link',758 'iconsminds-check',759 'iconsminds-close',760 'iconsminds-cursor',761 'iconsminds-cursor-click-2',762 'iconsminds-cursor-click',763 'iconsminds-cursor-move-2',764 'iconsminds-cursor-select',765 'iconsminds-down-1',766 'iconsminds-download-1',767 'iconsminds-downward',768 'iconsminds-endways',769 'iconsminds-forward',770 'iconsminds-left-1',771 'iconsminds-link',772 'iconsminds-next',773 'iconsminds-orientation-1',774 'iconsminds-pointer',775 'iconsminds-previous',776 'iconsminds-redo',777 'iconsminds-refresh',778 'iconsminds-reload-1',779 'iconsminds-remove',780 'iconsminds-repeat-1',781 'iconsminds-reset',782 'iconsminds-rewind',783 'iconsminds-right-1',784 'iconsminds-rotation',785 'iconsminds-rotation-390',786 'iconsminds-spot',787 ],788 },789 {790 title: 'Maps & Locations',791 icons: [792 'iconsminds-satelite-2',793 'iconsminds-compass-1',794 'iconsminds-direction-east',795 'iconsminds-edit-map',796 'iconsminds-geo2',797 'iconsminds-geo2--',798 'iconsminds-globe-2',799 'iconsminds-location-2',800 'iconsminds-map2',801 'iconsminds-map-marker-2',802 'iconsminds-map-marker',803 ],804 },805 {806 title: 'Media control',807 icons: [808 'iconsminds-stop',809 'iconsminds-stop-2',810 'iconsminds-back-1',811 'iconsminds-back-2',812 'iconsminds-eject',813 'iconsminds-eject-2',814 'iconsminds-end-1',815 'iconsminds-end-2',816 'iconsminds-next-1',817 'iconsminds-next-2',818 'iconsminds-pause',819 'iconsminds-pause-2',820 'iconsminds-power-2',821 'iconsminds-power-3',822 'iconsminds-record',823 'iconsminds-record-2',824 'iconsminds-repeat-5',825 'iconsminds-repeat-6',826 'iconsminds-shuffle-1',827 'iconsminds-shuffle-3',828 'iconsminds-start-1',829 'iconsminds-start-2',830 ],831 },832 {833 title: 'Music',834 icons: [835 'iconsminds-volume-down',836 'iconsminds-volume-up',837 'iconsminds-back-music',838 'iconsminds-cd-2',839 'iconsminds-clef',840 'iconsminds-earphones-2',841 'iconsminds-equalizer',842 'iconsminds-first',843 'iconsminds-headphones',844 'iconsminds-last',845 'iconsminds-loudspeaker',846 'iconsminds-mic',847 'iconsminds-microphone-4',848 'iconsminds-next-music',849 'iconsminds-old-radio',850 'iconsminds-play-music',851 'iconsminds-radio',852 'iconsminds-record-1',853 'iconsminds-record-music',854 'iconsminds-sound',855 'iconsminds-speaker-1',856 'iconsminds-stop-music',857 'iconsminds-trumpet',858 'iconsminds-voice',859 'iconsminds-electric-guitar',860 'iconsminds-guitar',861 ],862 },863 {864 title: 'Nature',865 icons: [866 'iconsminds-tree-3',867 'iconsminds-eci-icon',868 'iconsminds-environmental',869 'iconsminds-environmental-3',870 'iconsminds-fire-flame-2',871 'iconsminds-green-energy',872 'iconsminds-green-house',873 'iconsminds-leafs',874 'iconsminds-light-bulb-leaf',875 'iconsminds-palm-tree',876 'iconsminds-plant',877 'iconsminds-recycling-2',878 'iconsminds-seed',879 'iconsminds-trash-with-men',880 'iconsminds-forest-1',881 ],882 },883 {884 title: 'People',885 icons: [886 'iconsminds-id-card',887 'iconsminds-king-2',888 'iconsminds-male',889 'iconsminds-male-female',890 'iconsminds-male-2',891 'iconsminds-man-sign',892 'iconsminds-mens',893 'iconsminds-network',894 'iconsminds-student-female',895 'iconsminds-student-male',896 'iconsminds-student-male-female',897 'iconsminds-students',898 'iconsminds-woman-man',899 'iconsminds-add-user',900 'iconsminds-administrator',901 'iconsminds-assistant',902 'iconsminds-business-man',903 'iconsminds-business-man-woman',904 'iconsminds-business-mens',905 'iconsminds-business-woman',906 'iconsminds-conference',907 'iconsminds-doctor',908 'iconsminds-engineering',909 'iconsminds-female',910 'iconsminds-female-2',911 'iconsminds-temperature',912 ],913 },914 {915 title: 'Science & Medical',916 icons: [917 'iconsminds-test-tube',918 'iconsminds-ambulance',919 'iconsminds-atom',920 'iconsminds-band-aid',921 'iconsminds-bio-hazard',922 'iconsminds-biotech',923 'iconsminds-brain',924 'iconsminds-chemical',925 'iconsminds-clinic',926 'iconsminds-danger',927 'iconsminds-dna',928 'iconsminds-dna-2',929 'iconsminds-first-aid',930 'iconsminds-flask',931 'iconsminds-medical-sign',932 'iconsminds-medicine-3',933 'iconsminds-microscope',934 'iconsminds-physics',935 'iconsminds-plasmid',936 'iconsminds-plaster',937 'iconsminds-pulse',938 'iconsminds-radioactive',939 'iconsminds-stethoscope',940 ],941 },942 {943 title: 'Security',944 icons: [945 'iconsminds-security-settings',946 'iconsminds-securiy-remove',947 'iconsminds-shield',948 'iconsminds-ssl',949 'iconsminds-type-pass',950 'iconsminds-unlock-2',951 'iconsminds-finger-print',952 'iconsminds-firewall',953 'iconsminds-key-lock',954 'iconsminds-laptop-secure',955 'iconsminds-lock-2',956 'iconsminds-password',957 'iconsminds-password-field',958 'iconsminds-police',959 'iconsminds-security-block',960 'iconsminds-security-bug',961 'iconsminds-security-camera',962 'iconsminds-security-check',963 ],964 },965 {966 title: 'Seo Icons',967 icons: [968 'iconsminds-testimonal',969 'iconsminds-broke-link-2',970 'iconsminds-coding',971 'iconsminds-consulting',972 'iconsminds-copyright',973 'iconsminds-idea-2',974 'iconsminds-link-2',975 'iconsminds-management',976 'iconsminds-monitor-analytics',977 'iconsminds-monitoring',978 'iconsminds-optimization',979 'iconsminds-tag',980 'iconsminds-target',981 'iconsminds-target-market',982 ],983 },984 {985 title: 'Shopping & E-commerce',986 icons: [987 'iconsminds-shopping-bag',988 'iconsminds-shopping-basket',989 'iconsminds-shopping-cart',990 'iconsminds-tag-3',991 'iconsminds-add-bag',992 'iconsminds-add-basket',993 'iconsminds-add-cart',994 'iconsminds-bag-items',995 'iconsminds-bag-quantity',996 'iconsminds-basket-coins',997 'iconsminds-basket-items',998 'iconsminds-basket-quantity',999 'iconsminds-car-items',1000 'iconsminds-cart-quantity',1001 'iconsminds-cash-register-2',1002 'iconsminds-checkout',1003 'iconsminds-checkout-bag',1004 'iconsminds-checkout-basket',1005 'iconsminds-home-1',1006 'iconsminds-qr-code',1007 'iconsminds-receipt-4',1008 'iconsminds-remove-bag',1009 'iconsminds-remove-basket',1010 'iconsminds-remove-cart',1011 'iconsminds-shop',1012 'iconsminds-shop-2',1013 'iconsminds-shop-3',1014 'iconsminds-calculator',1015 'iconsminds-scale',1016 'iconsminds-shop-4',1017 'iconsminds-credit-card',1018 'iconsminds-credit-card-3',1019 'iconsminds-money-bag',1020 ],1021 },1022 {1023 title: 'Signs & Symbols',1024 icons: [1025 'iconsminds-ying-yang',1026 'iconsminds-bisexual',1027 'iconsminds-cancer',1028 'iconsminds-couple-sign',1029 'iconsminds-family-sign',1030 'iconsminds-female-1',1031 'iconsminds-gey',1032 'iconsminds-heart',1033 'iconsminds-homosexual',1034 'iconsminds-inifity',1035 'iconsminds-lesbian',1036 'iconsminds-lesbians',1037 'iconsminds-love',1038 'iconsminds-male-1',1039 'iconsminds-men',1040 'iconsminds-no-smoking',1041 'iconsminds-paw',1042 'iconsminds-quotes',1043 'iconsminds-redirect',1044 'iconsminds-ribbon',1045 'iconsminds-venn-diagram',1046 'iconsminds-wheelchair',1047 'iconsminds-women',1048 ],1049 },1050 {1051 title: 'Social Media',1052 icons: [1053 'iconsminds-instagram',1054 'iconsminds-last-fm',1055 'iconsminds-like',1056 'iconsminds-linkedin-2',1057 'iconsminds-livejournal',1058 'iconsminds-newsvine',1059 'iconsminds-picasa',1060 'iconsminds-pinterest',1061 'iconsminds-plaxo',1062 'iconsminds-plurk',1063 'iconsminds-posterous',1064 'iconsminds-qik',1065 'iconsminds-reddit',1066 'iconsminds-reverbnation',1067 'iconsminds-rss',1068 'iconsminds-sharethis',1069 'iconsminds-skype',1070 'iconsminds-soundcloud',1071 'iconsminds-stumbleupon',1072 'iconsminds-technorati',1073 'iconsminds-tumblr',1074 'iconsminds-twitter',1075 'iconsminds-unlike',1076 'iconsminds-ustream',1077 'iconsminds-viddler',1078 'iconsminds-vimeo',1079 'iconsminds-wordpress',1080 'iconsminds-xanga',1081 'iconsminds-yahoo',1082 'iconsminds-yelp',1083 'iconsminds-youtube',1084 'iconsminds-ask',1085 'iconsminds-behance',1086 'iconsminds-bing',1087 'iconsminds-blinklist',1088 'iconsminds-blogger',1089 'iconsminds-delicious',1090 'iconsminds-deviantart',1091 'iconsminds-digg',1092 'iconsminds-diigo',1093 'iconsminds-dribble',1094 'iconsminds-email',1095 'iconsminds-evernote',1096 'iconsminds-facebook',1097 'iconsminds-feedburner',1098 'iconsminds-flickr',1099 'iconsminds-formspring',1100 'iconsminds-forsquare',1101 'iconsminds-friendster',1102 'iconsminds-google',1103 'iconsminds-gowalla',1104 'iconsminds-icq',1105 'iconsminds-imdb',1106 ],1107 },1108 {1109 title: 'Speech Bubbles',1110 icons: [1111 'iconsminds-speach-bubble',1112 'iconsminds-speach-bubbles',1113 'iconsminds-speach-bubble-2',1114 'iconsminds-speach-bubble-3',1115 'iconsminds-speach-bubble-4',1116 'iconsminds-speach-bubble-5',1117 'iconsminds-speach-bubble-6',1118 'iconsminds-speach-bubble-7',1119 'iconsminds-speach-bubble-8',1120 'iconsminds-speach-bubble-9',1121 'iconsminds-speach-bubble-10',1122 'iconsminds-speach-bubble-11',1123 'iconsminds-speach-bubble-12',1124 'iconsminds-speach-bubble-13',1125 'iconsminds-speach-bubble-asking',1126 'iconsminds-speach-bubble-comic-2',1127 'iconsminds-speach-bubble-comic-3',1128 'iconsminds-speach-bubble-comic-4',1129 'iconsminds-speach-bubble-comic',1130 'iconsminds-speach-bubble-dialog',1131 ],1132 },1133 {1134 title: 'Sports',1135 icons: [1136 'iconsminds-trekking',1137 'iconsminds-trophy',1138 'iconsminds-weight-lift',1139 'iconsminds-aerobics',1140 'iconsminds-archery',1141 'iconsminds-ballet-shoes',1142 'iconsminds-baseball',1143 'iconsminds-basket-ball',1144 'iconsminds-bowling',1145 'iconsminds-box',1146 'iconsminds-chess',1147 'iconsminds-cricket',1148 'iconsminds-dumbbell',1149 'iconsminds-football',1150 'iconsminds-football-2',1151 'iconsminds-footprint',1152 'iconsminds-footprint-2',1153 'iconsminds-golf',1154 'iconsminds-gymnastics',1155 'iconsminds-hokey',1156 'iconsminds-jump-rope',1157 'iconsminds-life-jacket',1158 'iconsminds-medal',1159 'iconsminds-pilates-2',1160 'iconsminds-rafting',1161 'iconsminds-running-shoes',1162 'iconsminds-skydiving',1163 'iconsminds-snorkel',1164 'iconsminds-soccer-ball',1165 'iconsminds-swimming',1166 'iconsminds-tennis',1167 'iconsminds-tennis-ball',1168 ],1169 },1170 {1171 title: 'Time',1172 icons: [1173 'iconsminds-over-time-2',1174 'iconsminds-sand-watch-2',1175 'iconsminds-stopwatch',1176 'iconsminds-time-backup',1177 'iconsminds-timer',1178 'iconsminds-watch',1179 'iconsminds-24-hour',1180 'iconsminds-alarm-clock-2',1181 'iconsminds-alarm-clock',1182 'iconsminds-clock',1183 'iconsminds-clock-2',1184 'iconsminds-clock-back',1185 'iconsminds-clock-forward',1186 'iconsminds-old-clock',1187 ],1188 },1189 {1190 title: 'Transportation',1191 icons: [1192 'iconsminds-scooter',1193 'iconsminds-ship',1194 'iconsminds-skateboard',1195 'iconsminds-taxi-sign',1196 'iconsminds-traffic-light',1197 'iconsminds-train',1198 'iconsminds-yacht',1199 'iconsminds-bicycle-1',1200 'iconsminds-bus-2',1201 'iconsminds-car',1202 'iconsminds-gaugage',1203 'iconsminds-gaugage-2',1204 'iconsminds-helicopter',1205 'iconsminds-jeep',1206 'iconsminds-jet',1207 'iconsminds-motorcycle',1208 'iconsminds-plane',1209 'iconsminds-road-2',1210 'iconsminds-sailing-ship',1211 'iconsminds-air-balloon-1',1212 'iconsminds-tractor',1213 ],1214 },1215 {1216 title: 'Video',1217 icons: [1218 'iconsminds-video-tripod',1219 'iconsminds-3d-eyeglasses',1220 'iconsminds-cinema',1221 'iconsminds-director',1222 'iconsminds-film',1223 'iconsminds-film-video',1224 'iconsminds-old-tv',1225 'iconsminds-tv',1226 'iconsminds-video',1227 'iconsminds-video-5',1228 'iconsminds-video-6',1229 'iconsminds-video-len',1230 ],1231 },1232 {1233 title: 'Weather',1234 icons: [1235 'iconsminds-sunrise',1236 'iconsminds-sunset',1237 'iconsminds-temperature-2',1238 'iconsminds-thunder',1239 'iconsminds-umbrella-2',1240 'iconsminds-wave',1241 'iconsminds-wind-turbine',1242 'iconsminds-windy',1243 'iconsminds-cloud-hail',1244 'iconsminds-cloud-moon',1245 'iconsminds-cloud-rain',1246 'iconsminds-cloud-snow',1247 'iconsminds-cloud-sun',1248 'iconsminds-cloud-weather',1249 'iconsminds-drop',1250 'iconsminds-dry',1251 'iconsminds-fog-day',1252 'iconsminds-fog-night',1253 'iconsminds-half-moon',1254 'iconsminds-rain-drop',1255 'iconsminds-snow',1256 'iconsminds-snowflake-3',1257 'iconsminds-snow-storm',1258 'iconsminds-spring',1259 'iconsminds-storm',1260 'iconsminds-summer',1261 'iconsminds-sun',1262 'iconsminds-sun-cloudy-rain',1263 ],1264 },...
core.js
Source:core.js
1module('Core tests');2test('replace with loop', function() {3 expect(1);4 before_and_after_replace({ loop: true });5});6test('replace without loop', function() {7 expect(1);8 before_and_after_replace({ loop: false });9});10function before_and_after_replace(options) {11 var simple = $('#simple'),12 replacement = simple.html(),13 expected = null;14 15 simple.owlCarousel(options);16 17 expected = simple.html();18 19 simple.trigger('replace.owl.carousel', [ replacement ]);20 simple.trigger('refresh.owl.carousel');21 22 equal(simple.html(), expected, 'Inner HTML before and after replace equals.');23}24test('remove with loop', function() {25 expect(3);26 27 before_and_after_remove({ loop: true });28});29test('remove without loop', function() {30 expect(3);31 32 before_and_after_remove({ loop: false });33});34function before_and_after_remove(options) {35 var simple = $('#simple'),36 one = simple.clone().removeAttr('id').insertAfter('#simple'),37 two = one.clone().insertAfter(one),38 all = two.clone().insertAfter(two);39 40 one.children(':eq(0)').remove();41 two.children(':eq(0),:eq(2)').remove();42 all.children().remove();43 simple.owlCarousel(options);44 one.owlCarousel(options);45 two.owlCarousel(options);46 all.owlCarousel(options);47 48 simple.trigger('remove.owl.carousel', [ 0 ]);49 simple.trigger('refresh.owl.carousel');50 51 equal(simple.html(), one.html(), 'Inner HTML before and after remove one equals.');52 53 simple.trigger('remove.owl.carousel', [ 1 ]);54 simple.trigger('refresh.owl.carousel');55 56 equal(simple.html(), two.html(), 'Inner HTML before and after remove two equals.');57 58 simple.trigger('remove.owl.carousel', [ 0 ]);59 simple.trigger('refresh.owl.carousel');60 61 equal(simple.html(), all.html(), 'Inner HTML before and after remove all equals.');62}63test('remove and add with loop', function() {64 expect(1);65 66 before_and_after_remove_add({ loop: true });67});68test('remove and add without loop', function() {69 expect(1);70 71 before_and_after_remove_add({ loop: false });72});73function before_and_after_remove_add(options) {74 var simple = $('#simple'),75 simpleClone = $('#simple').clone().removeAttr('id').insertAfter('#simple');76 //move the text along as 'add' adds the new element to the add as expected.77 simpleClone.children(':eq(0)').text('2');78 simpleClone.children(':eq(1)').text('3');79 simpleClone.children(':eq(2)').text('1');80 simple.owlCarousel(options);81 simpleClone.owlCarousel(options);82 simple.trigger('remove.owl.carousel', [ 0 ]);83 simple.trigger('add.owl.carousel', [ '<li>1</li>' ]);84 simple.trigger('refresh.owl.carousel');85 86 equal(simple.html(), simpleClone.html(), 'Inner HTML before and after `remove()` and `add()` equals.');87}88test('invalidate', function() {89 expect(6);90 91 var carousel = $('#simple').owlCarousel().data('owl.carousel');92 93 deepEqual(carousel.invalidate(), [], 'No invalid parts after initializing.');94 carousel.invalidate('first');95 96 deepEqual(carousel.invalidate(), [ 'first' ], 'One invalid part after invalidating one.');97 98 carousel.invalidate('second');99 100 deepEqual(carousel.invalidate(), [ 'first', 'second' ], 'Two invalid parts after invalidating a second one.');101 102 carousel.invalidate('second');103 104 deepEqual(carousel.invalidate(), [ 'first', 'second' ], 'Two invalid parts after invalidating a part twice.');105 106 carousel.update();107 108 deepEqual(carousel.invalidate(), [], 'No invalid parts after updating.');109 110 deepEqual(carousel.invalidate('first'), [ 'first' ], 'Invalidating one part returns it directly.');111});112test('destroy', function() {113 expect(1);114 115 var simple = $('#simple'),116 expected = simple.get(0).outerHTML.replace(/\s{2,}/g, '');117 118 simple.owlCarousel().owlCarousel('destroy');119 120 equal(simple.get(0).outerHTML.replace(/\s{2,}/g, ''), expected, 'Outer HTML before create and after destroy is equal.');121});...
Using AI Code Generation
1import { storiesOf } from '@storybook/react';2import { withKnobs } from '@storybook/addon-knobs';3import { withA11y } from '@storybook/addon-a11y';4import { withTests } from '@storybook/addon-jest';5import results from '../.jest-test-results.json';6import StorybookRoot from '../storybook-root';7import { withInfo } from '@storybook/addon-info';8import { withNotes } from '@storybook/addon-notes';9import { withOptions } from '@storybook/addon-options';10storiesOf('Test', module)11 .addDecorator(withKnobs)12 .addDecorator(withA11y)13 .addDecorator(withTests({ results }))14 .addDecorator(15 withOptions({
Using AI Code Generation
1import { storiesOf } from '@storybook/react';2import { withKnobs, text } from '@storybook/addon-knobs/react';3import { withInfo } from '@storybook/addon-info';4import { withReadme } from 'storybook-readme';5import { withA11y } from '@storybook/addon-a11y';6import { withTests } from '@storybook/addon-jest';7import results from '../.jest-test-results.json';8import Readme from './Readme.md';9import { MyComponent } from './MyComponent';10storiesOf('MyComponent', module)11 .addDecorator(withKnobs)12 .addDecorator(withInfo)13 .addDecorator(withReadme(Readme))14 .addDecorator(withA11y)15 .addDecorator(withTests({ results }))16 .add('MyComponent', () => <MyComponent text={text('text', 'MyComponent')} />);17The addon jest can be used to display the test results in the storybook. The addon uses the jest test results file to display the result. For more information about the addon jest, please refer to the storybook [addon jest](
Automation Testing Tutorials
Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.
LambdaTest Learning Hubs:
- JUnit Tutorial
- TestNG Tutorial
- Webdriver Tutorial
- WebDriverIO Tutorial
- Protractor Tutorial
- Selenium 4 Tutorial
- Jenkins Tutorial
- NUnit Tutorial
- Jest Tutorial
- Playwright Tutorial
- Cypress Tutorial
- PyTest Tutorial
YouTube
You could also refer to video tutorials over LambdaTest YouTube channel to get step by step demonstration from industry experts.
Run storybook-root automation tests on LambdaTest cloud grid
Perform automation testing on 3000+ real desktop and mobile devices online.
Try LambdaTest Now !!
Get 100 minutes of automation test minutes FREE!!
Was this article helpful?
