React-sf-building-blocks NPM

react-sf-building-blocks

Basic building blocks of the Superflows component system

What's New

How To Implement A Customizable React NavBar With Built-in Routing

Documentation

Read The Docs 📖

Blog

Read 🖊

Video Tutorials on YouTube

Learn From Video Tutorials 📹

Discord Community

Start A Conversation 🗨

Tests

How To Run

To run tests locally:

npm test

Results

PASS src/index.test.tsx (457.308s) SfNav: Enable Routing: URL Detection ✓ SfNav: Home (4122ms) ✓ SfNav: Notif List (4067ms) ✓ SfNav: Notif Details (4089ms) ✓ SfNav: Menu (4078ms) ✓ SfNav: Sub Menu (4085ms) ✓ SfNav: Profile (4094ms) ✓ SfNav: Profile Sub Menu (4092ms) SfNav: Basic Render ✓ SfNav: Render Profile Portrait (26133ms) ✓ SfNav: Render Profile Landscape (4019ms) ✓ SfNav: Landscape Menus (28105ms) ✓ SfNav: Basic Render Landscape (4021ms) ✓ SfNav: Basic Render Potrait (6027ms) ✓ SfNav: Resize Check (6021ms) ✓ SfNav: Search / Sign In Portrait (14039ms) ✓ SfNav: Right Menu Click Portrait (8027ms) ✓ SfNav: Left Menu Click Portrait (26116ms) ✓ SfNav: Back Click Landscape (6018ms) ✓ SfNav: Back Click Portrait (6013ms) SfNav: Notifications ✓ SfNav: No unread notifications (4009ms) ✓ SfNav: Notification Landscape (6029ms) ✓ SfNav: Notification Landscape Icon (6026ms) ✓ SfNav: Notification Portrait (14085ms) SfNav: Banner ✓ SfNav: Banner Basic Render (4012ms) ✓ SfNav: Banner onBannerCtaPressed (4012ms) ✓ SfNav: Banner onBannerCtaPressed (4015ms) ✓ SfNav: Banner Custom Component (2008ms) SfNav: Routing ✓ SfNav: Enable Routing: Notification View All Clicked With Null Menu objects (8092ms) ✓ SfNav: Enable Routing: Notification Click With Null Menu objects (8077ms) ✓ SfNav: Enable Routing: Notification View All Clicked With Not Null Menu objects (8074ms) ✓ SfNav: Enable Routing: Notification Item Clicked With Null Menu objects (8099ms) ✓ SfNav: Enable Routing: Notification Item Clicked With Not Null Menu objects (8099ms) ✓ SfNav: Enable Routing: Menu click (6054ms) ✓ SfNav: Enable Routing: Home click Menu Component Null (6070ms) ✓ SfNav: Enable Routing: Home Brand text click Menu Component Null (6076ms) ✓ SfNav: Enable Routing: Home click Menu Component Not Null (6081ms) ✓ SfNav: Enable Routing: Home Brand text click Menu Component Not Null (6039ms) ✓ SfNav: Enable Routing Landscape: Home click Menu Component Null (6131ms) ✓ SfNav: Enable Routing Landscape: Home Brand text click Menu Component Null (6096ms) ✓ SfNav: Enable Routing Landscape: Home click Menu Component Not Null (6093ms) ✓ SfNav: Enable Routing Landscape: Home Brand text click Menu Component Not Null (6039ms) SfInput ✓ SfInput: Basic Render Primary Date (4013ms) ✓ SfInput: Basic Render Primary Date > Prefill (2009ms) ✓ SfInput: Basic Render Primary Date > Prefill invalid date in feb (2009ms) ✓ SfInput: Basic Render Primary Date > Prefill invalid date in apr (2009ms) ✓ SfInput: Basic Render Primary Date > Prefill invalid date in apr (2008ms) ✓ SfInput: Basic Render Primary Date > Entry (20083ms) ✓ SfInput: Basic Render Primary DateOfBirth (2012ms) ✓ SfInput: Basic Render Primary DateOfBirth > Prefill (2008ms) ✓ SfInput: Basic Render Primary DateOfBirth > Prefill invalid date in feb (2008ms) ✓ SfInput: Basic Render Primary DateOfBirth > Prefill invalid date in apr (2008ms) ✓ SfInput: Basic Render Primary DateOfBirth > Prefill invalid date in apr (2009ms) ✓ SfInput: Basic Render Primary DateOfBirth > Entry (12276ms) ✓ SfInput: Basic Render Primary DateOfBirth > Entry > Invalid M = 2 D > 29 (12261ms) ✓ SfInput: Basic Render Primary DateOfBirth > Entry > Invalid M = 2 D > 29 (8263ms) ✓ SfInput: Basic Render Primary DateOfBirth > Entry > Invalid M = 4 D > 30 (8256ms) ✓ SfInput: Basic Render Primary DateOfBirth > Entry > Invalid M = 4 D < 30 (8260ms) ✓ SfInput: Basic Render Primary Mobile (206ms) ✓ SfInput: Basic Render Primary Mobile > prefill (2207ms) ✓ SfInput: Basic Render Primary Mobile > select ISD (6275ms) ✓ SfInput: Basic Render Primary Mobile > select ISD > corner cases (8394ms) ✓ SfInput: Basic Render Primary Mobile > select ISD > correct mobile (12481ms) ✓ SfInput: Basic Render Primary Mobile > country code button cases (8226ms) ✓ SfInput: Basic Render Primary Email (206ms) ✓ SfInput: Basic Render Primary Email > correct value entered > enter pressed (4310ms) ✓ SfInput: Basic Render Primary Name (206ms) ✓ SfInput: Basic Render Primary Name Night Mode (206ms) ✓ SfInput: Basic Render Primary Name > correct value entered (4276ms) ✓ SfInput: Basic Render Primary Name > correct value entered > enter pressed (2267ms) ✓ SfInput: Basic Render Primary Name > test onclick (2269ms) SfButton ✓ SfButton: Basic Render Primary Filled (204ms) ✓ SfButton: Basic Render Secondary Filled (203ms) ✓ SfButton: Basic Render Danger Filled (205ms) ✓ SfButton: Basic Render Warning Filled (211ms) ✓ SfButton: Basic Render Success Filled (205ms) ✓ SfButton: Basic Render Info Filled (204ms) ✓ SfButton: Basic Render Dark Filled (206ms) ✓ SfButton: Basic Render Light Filled (203ms) ✓ SfButton: Basic Render Primary Outlined (204ms) ✓ SfButton: Basic Render Secondary Outlined (203ms) ✓ SfButton: Basic Render Danger Outlined (204ms) ✓ SfButton: Basic Render Warning Outlined (203ms) ✓ SfButton: Basic Render Success Outlined (206ms) ✓ SfButton: Basic Render Info Outlined (205ms) ✓ SfButton: Basic Render Dark Outlined (206ms) ✓ SfButton: Basic Render Light Outlined (204ms) ✓ SfButton: Basic Render Light Outlined (204ms) ✓ SfButton: Color inversion mouseevents (2307ms) ✓ SfButton: Color inversion mouseevents (2311ms) ✓ SfButton: onClick (308ms)

------------------------------------|----------|----------|----------|----------|-------------------| File | % Stmts | % Branch | % Funcs | % Lines | Uncovered Line #s | ------------------------------------|----------|----------|----------|----------|-------------------| All files | 99.38 | 80.59 | 93.63 | 99.83 | | Constants.tsx | 100 | 100 | 100 | 100 | | Services.js | 100 | 100 | 100 | 100 | | SfButton.tsx | 100 | 68.97 | 100 | 100 |... 39,40,41,76,98 | SfInput.tsx | 100 | 78.22 | 98 | 100 |... 88,689,719,720 | SfNav.tsx | 100 | 81.88 | 90.12 | 100 |... ,955,1098,1099 | Util.tsx | 100 | 83.63 | 100 | 100 |... 48,254,257,260 | index.tsx | 0 | 0 | 0 | 0 | | ------------------------------------|----------|----------|----------|----------|-------------------| Test Suites: 1 passed, 1 total Tests: 89 passed, 89 total Snapshots: 0 total Time: 459.596s Ran all test suites.