kylefang/react
1
0
Fork 0
mirror of https://github.com/zhigang1992/react.git synced 2026-02-06 17:19:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

test: update snapshots

Browse Source
This commit is contained in:
unix
2020-06-28 14:30:38 +08:00
parent 14402fa7c2
commit 76435bfa49
2 changed files with 40 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
components/modal/__tests__/__snapshots__/index.test.tsx.snap
View File

@@ -32,14 +32,14 @@ exports[`Modal customization should be supported 1`] = `
padding: 16pt;
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);
opacity: 0;
transform: translate3d(0px, -40px, 0px);
transform: translate3d(0px, -30px, 0px);
transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1) 0s,
transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
.wrapper-enter {
opacity: 0;
transform: translate3d(0px, -40px, 0px);
transform: translate3d(0px, -30px, 0px);
}
.wrapper-enter-active {
@@ -54,13 +54,13 @@ exports[`Modal customization should be supported 1`] = `
.wrapper-leave-active {
opacity: 0;
transform: translate3d(0px, -50px, 0px);
transform: translate3d(0px, -30px, 0px);
}
</style></div>"
`;
exports[`Modal should render correctly 1`] = `
"<div class=\\"backdrop transition-enter\\"><div class=\\"layer\\"></div><div class=\\"content\\"><div class=\\"wrapper wrapper-enter\\"><h2 class=\\"\\">Modal</h2><style>
"<div class=\\"backdrop backdrop-wrapper-enter\\"><div class=\\"layer\\"></div><div class=\\"content\\"><div class=\\"wrapper wrapper-enter\\"><h2 class=\\"\\">Modal</h2><style>
h2 {
font-size: 1.5rem;
line-height: 1.6;
@@ -188,14 +188,14 @@ exports[`Modal should render correctly 1`] = `
padding: 16pt;
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);
opacity: 0;
transform: translate3d(0px, -40px, 0px);
transform: translate3d(0px, -30px, 0px);
transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1) 0s,
transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
.wrapper-enter {
opacity: 0;
transform: translate3d(0px, -40px, 0px);
transform: translate3d(0px, -30px, 0px);
}
.wrapper-enter-active {
@@ -210,7 +210,7 @@ exports[`Modal should render correctly 1`] = `
.wrapper-leave-active {
opacity: 0;
transform: translate3d(0px, -50px, 0px);
transform: translate3d(0px, -30px, 0px);
}
</style></div></div><div class=\\"offset\\"></div><style>
.backdrop {
@@ -258,5 +258,21 @@ exports[`Modal should render correctly 1`] = `
pointer-events: none;
z-index: 1000;
}
.backdrop-wrapper-enter .layer {
opacity: 0;
}
.backdrop-wrapper-enter-active .layer {
opacity: 0.25;
}
.backdrop-wrapper-leave .layer {
opacity: 0.25;
}
.backdrop-wrapper-leave-active .layer {
opacity: 0;
}
</style></div>"
`;

18
components/shared/__tests__/__snapshots__/backdrop.test.tsx.snap
View File

@@ -1,7 +1,7 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Backdrop should render correctly 1`] = `
"<div class=\\"backdrop transition-enter\\"><div class=\\"layer\\"></div><div class=\\"content\\"><span>test-value</span></div><div class=\\"offset\\"></div><style>
"<div class=\\"backdrop backdrop-wrapper-enter\\"><div class=\\"layer\\"></div><div class=\\"content\\"><span>test-value</span></div><div class=\\"offset\\"></div><style>
.backdrop {
position: fixed;
top: 0;
@@ -47,5 +47,21 @@ exports[`Backdrop should render correctly 1`] = `
pointer-events: none;
z-index: 1000;
}
.backdrop-wrapper-enter .layer {
opacity: 0;
}
.backdrop-wrapper-enter-active .layer {
opacity: 0.25;
}
.backdrop-wrapper-leave .layer {
opacity: 0.25;
}
.backdrop-wrapper-leave-active .layer {
opacity: 0;
}
</style></div>"
`;