Skip to content
This repository was archived by the owner on Apr 5, 2024. It is now read-only.

Commit aeb0881

Browse files
committed
use a single wrapper for routing and redux in storybook
1 parent b700cd8 commit aeb0881

File tree

7 files changed

+222
-212
lines changed

7 files changed

+222
-212
lines changed

src/__tests__/__snapshots__/storybook.test.ts.snap

Lines changed: 160 additions & 144 deletions
Original file line numberDiff line numberDiff line change
@@ -574,9 +574,148 @@ exports[`Storyshots Health default 1`] = `
574574
`;
575575

576576
exports[`Storyshots Login default 1`] = `
577-
<div
578-
className="h-100 ml-0 mr-0 login-page container-fluid"
579-
>
577+
Array [
578+
" ",
579+
<div
580+
className="h-100 ml-0 mr-0 login-page container-fluid"
581+
>
582+
<div
583+
className="login-container pr-1 pl-1 mr-auto ml-auto"
584+
>
585+
<div
586+
className="login-intro"
587+
>
588+
<div
589+
className="justify-content-center row"
590+
>
591+
<img
592+
className="rounded"
593+
height="200px"
594+
src="logoWithWhiteBorder.png"
595+
width="auto"
596+
/>
597+
</div>
598+
<div
599+
className="justify-content-center row"
600+
>
601+
<h1>
602+
Greetings Traveller!
603+
</h1>
604+
</div>
605+
<div
606+
className="justify-content-center row"
607+
>
608+
<h2>
609+
Be welcome at FileFighter
610+
</h2>
611+
</div>
612+
</div>
613+
<div>
614+
<div
615+
className="mt-4 justify-content-center row"
616+
>
617+
<div
618+
className="login-input col"
619+
>
620+
<form
621+
className=""
622+
onSubmit={[Function]}
623+
>
624+
<div
625+
className="form-group"
626+
>
627+
<input
628+
autoComplete="username"
629+
autoFocus={true}
630+
className="form-control"
631+
id="formBasicUsername"
632+
onChange={[Function]}
633+
placeholder="Username"
634+
value=""
635+
/>
636+
</div>
637+
<div
638+
className="form-group"
639+
>
640+
<input
641+
autoComplete="current-password"
642+
className="form-control"
643+
id="formBasicPassword"
644+
onChange={[Function]}
645+
placeholder="Password"
646+
type="password"
647+
value=""
648+
/>
649+
<small
650+
className="text-muted form-text"
651+
>
652+
Contact your administrator if you have forgotten your login details.
653+
</small>
654+
</div>
655+
<button
656+
className="btn btn-primary btn-block"
657+
disabled={false}
658+
type="submit"
659+
>
660+
<span
661+
aria-hidden="true"
662+
className="d-none spinner-grow spinner-grow-sm"
663+
role="status"
664+
/>
665+
666+
<span
667+
className="d-none"
668+
>
669+
isLoading...
670+
</span>
671+
Sign in
672+
</button>
673+
<div
674+
className="mt-3 justify-content-center form-group"
675+
>
676+
<div
677+
className="form-check"
678+
>
679+
<input
680+
checked={true}
681+
className="form-check-input"
682+
disabled={false}
683+
id="formBasicCheckbox"
684+
onChange={[Function]}
685+
type="checkbox"
686+
/>
687+
<label
688+
className="form-check-label"
689+
htmlFor="formBasicCheckbox"
690+
title=""
691+
>
692+
Keep me signed in*
693+
</label>
694+
</div>
695+
<small
696+
className="text-muted form-text"
697+
>
698+
*By clicking this, you accept the usage of cookies.
699+
</small>
700+
</div>
701+
<p
702+
className="text-danger"
703+
>
704+
705+
</p>
706+
</form>
707+
</div>
708+
</div>
709+
</div>
710+
</div>
711+
</div>,
712+
" ",
713+
]
714+
`;
715+
716+
exports[`Storyshots Login interactionArea 1`] = `
717+
Array [
718+
" ",
580719
<div
581720
className="login-container pr-1 pl-1 mr-auto ml-auto"
582721
>
@@ -675,7 +814,7 @@ exports[`Storyshots Login default 1`] = `
675814
className="form-check"
676815
>
677816
<input
678-
checked={true}
817+
checked={false}
679818
className="form-check-input"
680819
disabled={false}
681820
id="formBasicCheckbox"
@@ -705,14 +844,14 @@ exports[`Storyshots Login default 1`] = `
705844
</div>
706845
</div>
707846
</div>
708-
</div>
709-
</div>
847+
</div>,
848+
" ",
849+
]
710850
`;
711851

712-
exports[`Storyshots Login interactionArea 1`] = `
713-
<div
714-
className="login-container pr-1 pl-1 mr-auto ml-auto"
715-
>
852+
exports[`Storyshots Login onlyHeader 1`] = `
853+
Array [
854+
" ",
716855
<div
717856
className="login-intro"
718857
>
@@ -740,7 +879,14 @@ exports[`Storyshots Login interactionArea 1`] = `
740879
Be welcome at FileFighter
741880
</h2>
742881
</div>
743-
</div>
882+
</div>,
883+
" ",
884+
]
885+
`;
886+
887+
exports[`Storyshots Login onlyInput 1`] = `
888+
Array [
889+
" ",
744890
<div>
745891
<div
746892
className="mt-4 justify-content-center row"
@@ -837,139 +983,9 @@ exports[`Storyshots Login interactionArea 1`] = `
837983
</form>
838984
</div>
839985
</div>
840-
</div>
841-
</div>
842-
`;
843-
844-
exports[`Storyshots Login onlyHeader 1`] = `
845-
<div
846-
className="login-intro"
847-
>
848-
<div
849-
className="justify-content-center row"
850-
>
851-
<img
852-
className="rounded"
853-
height="200px"
854-
src="logoWithWhiteBorder.png"
855-
width="auto"
856-
/>
857-
</div>
858-
<div
859-
className="justify-content-center row"
860-
>
861-
<h1>
862-
Greetings Traveller!
863-
</h1>
864-
</div>
865-
<div
866-
className="justify-content-center row"
867-
>
868-
<h2>
869-
Be welcome at FileFighter
870-
</h2>
871-
</div>
872-
</div>
873-
`;
874-
875-
exports[`Storyshots Login onlyInput 1`] = `
876-
<div>
877-
<div
878-
className="mt-4 justify-content-center row"
879-
>
880-
<div
881-
className="login-input col"
882-
>
883-
<form
884-
className=""
885-
onSubmit={[Function]}
886-
>
887-
<div
888-
className="form-group"
889-
>
890-
<input
891-
autoComplete="username"
892-
autoFocus={true}
893-
className="form-control"
894-
id="formBasicUsername"
895-
onChange={[Function]}
896-
placeholder="Username"
897-
value=""
898-
/>
899-
</div>
900-
<div
901-
className="form-group"
902-
>
903-
<input
904-
autoComplete="current-password"
905-
className="form-control"
906-
id="formBasicPassword"
907-
onChange={[Function]}
908-
placeholder="Password"
909-
type="password"
910-
value=""
911-
/>
912-
<small
913-
className="text-muted form-text"
914-
>
915-
Contact your administrator if you have forgotten your login details.
916-
</small>
917-
</div>
918-
<button
919-
className="btn btn-primary btn-block"
920-
disabled={false}
921-
type="submit"
922-
>
923-
<span
924-
aria-hidden="true"
925-
className="d-none spinner-grow spinner-grow-sm"
926-
role="status"
927-
/>
928-
929-
<span
930-
className="d-none"
931-
>
932-
isLoading...
933-
</span>
934-
Sign in
935-
</button>
936-
<div
937-
className="mt-3 justify-content-center form-group"
938-
>
939-
<div
940-
className="form-check"
941-
>
942-
<input
943-
checked={false}
944-
className="form-check-input"
945-
disabled={false}
946-
id="formBasicCheckbox"
947-
onChange={[Function]}
948-
type="checkbox"
949-
/>
950-
<label
951-
className="form-check-label"
952-
htmlFor="formBasicCheckbox"
953-
title=""
954-
>
955-
Keep me signed in*
956-
</label>
957-
</div>
958-
<small
959-
className="text-muted form-text"
960-
>
961-
*By clicking this, you accept the usage of cookies.
962-
</small>
963-
</div>
964-
<p
965-
className="text-danger"
966-
>
967-
968-
</p>
969-
</form>
970-
</div>
971-
</div>
972-
</div>
986+
</div>,
987+
" ",
988+
]
973989
`;
974990

975991
exports[`Storyshots Profile default 1`] = `

0 commit comments

Comments
 (0)