Skip to content

Commit

Permalink
test(slider): update snapshots
Browse files Browse the repository at this point in the history
  • Loading branch information
@unix
unix committed Jun 5, 2021
1 parent 1f3caf6 commit cde3f9f
Show file tree
Hide file tree
Showing 3 changed files with 58 additions and 54 deletions.
74 changes: 37 additions & 37 deletions components/select/__tests__/__snapshots__/index.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,8 +26,8 @@ exports[`Select should render correctly 1`] = `
max-width: 80vw;
width: initial;
overflow: hidden;
transition: border 0.2s ease 0s, color 0.2s ease-out 0s,
box-shadow 0.2s ease 0s;
transition: border 150ms ease-in 0s, color 200ms ease-out 0s,
box-shadow 200ms ease 0s;
border: 1px solid #eaeaea;
border-radius: 5px;
padding: 0 4pt 0 8pt;
Expand Down Expand Up @@ -115,8 +115,8 @@ exports[`Select should render correctly 1`] = `
max-width: 80vw;
width: initial;
overflow: hidden;
transition: border 0.2s ease 0s, color 0.2s ease-out 0s,
box-shadow 0.2s ease 0s;
transition: border 150ms ease-in 0s, color 200ms ease-out 0s,
box-shadow 200ms ease 0s;
border: 1px solid #eaeaea;
border-radius: 5px;
padding: 0 4pt 0 8pt;
Expand Down Expand Up @@ -204,8 +204,8 @@ exports[`Select should render correctly 1`] = `
max-width: 80vw;
width: initial;
overflow: hidden;
transition: border 0.2s ease 0s, color 0.2s ease-out 0s,
box-shadow 0.2s ease 0s;
transition: border 150ms ease-in 0s, color 200ms ease-out 0s,
box-shadow 200ms ease 0s;
border: 1px solid #eaeaea;
border-radius: 5px;
padding: 0 4pt 0 8pt;
Expand Down Expand Up @@ -293,8 +293,8 @@ exports[`Select should render correctly 1`] = `
max-width: 80vw;
width: initial;
overflow: hidden;
transition: border 0.2s ease 0s, color 0.2s ease-out 0s,
box-shadow 0.2s ease 0s;
transition: border 150ms ease-in 0s, color 200ms ease-out 0s,
box-shadow 200ms ease 0s;
border: 1px solid #eaeaea;
border-radius: 5px;
padding: 0 4pt 0 8pt;
Expand Down Expand Up @@ -386,8 +386,8 @@ exports[`Select should work correctly with labels 1`] = `
max-width: 80vw;
width: initial;
overflow: hidden;
transition: border 0.2s ease 0s, color 0.2s ease-out 0s,
box-shadow 0.2s ease 0s;
transition: border 150ms ease-in 0s, color 200ms ease-out 0s,
box-shadow 200ms ease 0s;
border: 1px solid #eaeaea;
border-radius: 5px;
padding: 0 4pt 0 8pt;
Expand Down Expand Up @@ -524,8 +524,8 @@ initialize {
max-width: 80vw;
width: initial;
overflow: hidden;
transition: border 0.2s ease 0s, color 0.2s ease-out 0s,
box-shadow 0.2s ease 0s;
transition: border 150ms ease-in 0s, color 200ms ease-out 0s,
box-shadow 200ms ease 0s;
border: 1px solid #eaeaea;
border-radius: 5px;
padding: 0 4pt 0 8pt;
Expand Down Expand Up @@ -629,8 +629,8 @@ initialize {
max-width: 80vw;
width: initial;
overflow: hidden;
transition: border 0.2s ease 0s, color 0.2s ease-out 0s,
box-shadow 0.2s ease 0s;
transition: border 150ms ease-in 0s, color 200ms ease-out 0s,
box-shadow 200ms ease 0s;
border: 1px solid #eaeaea;
border-radius: 5px;
padding: 0 4pt 0 8pt;
Expand Down Expand Up @@ -899,8 +899,8 @@ initialize {
max-width: 80vw;
width: initial;
overflow: hidden;
transition: border 0.2s ease 0s, color 0.2s ease-out 0s,
box-shadow 0.2s ease 0s;
transition: border 150ms ease-in 0s, color 200ms ease-out 0s,
box-shadow 200ms ease 0s;
border: 1px solid #eaeaea;
border-radius: 5px;
padding: 0 4pt 0 8pt;
Expand Down Expand Up @@ -1042,8 +1042,8 @@ initialize {
max-width: 80vw;
width: initial;
overflow: hidden;
transition: border 0.2s ease 0s, color 0.2s ease-out 0s,
box-shadow 0.2s ease 0s;
transition: border 150ms ease-in 0s, color 200ms ease-out 0s,
box-shadow 200ms ease 0s;
border: 1px solid #eaeaea;
border-radius: 5px;
padding: 0 4pt 0 8pt;
Expand Down Expand Up @@ -1206,8 +1206,8 @@ initialize {
max-width: 80vw;
width: initial;
overflow: hidden;
transition: border 0.2s ease 0s, color 0.2s ease-out 0s,
box-shadow 0.2s ease 0s;
transition: border 150ms ease-in 0s, color 200ms ease-out 0s,
box-shadow 200ms ease 0s;
border: 1px solid #eaeaea;
border-radius: 5px;
padding: 0 4pt 0 8pt;
Expand Down Expand Up @@ -1441,8 +1441,8 @@ exports[`Select should work with different status 1`] = `
max-width: 80vw;
width: initial;
overflow: hidden;
transition: border 0.2s ease 0s, color 0.2s ease-out 0s,
box-shadow 0.2s ease 0s;
transition: border 150ms ease-in 0s, color 200ms ease-out 0s,
box-shadow 200ms ease 0s;
border: 1px solid #eaeaea;
border-radius: 5px;
padding: 0 4pt 0 8pt;
Expand Down Expand Up @@ -1530,8 +1530,8 @@ exports[`Select should work with different status 1`] = `
max-width: 80vw;
width: initial;
overflow: hidden;
transition: border 0.2s ease 0s, color 0.2s ease-out 0s,
box-shadow 0.2s ease 0s;
transition: border 150ms ease-in 0s, color 200ms ease-out 0s,
box-shadow 200ms ease 0s;
border: 1px solid #0070f3;
border-radius: 5px;
padding: 0 4pt 0 8pt;
Expand All @@ -1548,11 +1548,11 @@ exports[`Select should work with different status 1`] = `
}
.select:hover {
border-color: #000;
border-color: #0761d1;
}
.select:hover .icon {
color: #000;
color: #0761d1;
}
.value {
Expand Down Expand Up @@ -1592,7 +1592,7 @@ exports[`Select should work with different status 1`] = `
transition: transform 200ms ease;
display: flex;
align-items: center;
color: #666;
color: #0070f3;
}
</style></div><div class=\\"select \\"><span class=\\"value placeholder\\"><span><style>
span {
Expand All @@ -1619,8 +1619,8 @@ exports[`Select should work with different status 1`] = `
max-width: 80vw;
width: initial;
overflow: hidden;
transition: border 0.2s ease 0s, color 0.2s ease-out 0s,
box-shadow 0.2s ease 0s;
transition: border 150ms ease-in 0s, color 200ms ease-out 0s,
box-shadow 200ms ease 0s;
border: 1px solid #f5a623;
border-radius: 5px;
padding: 0 4pt 0 8pt;
Expand All @@ -1637,11 +1637,11 @@ exports[`Select should work with different status 1`] = `
}
.select:hover {
border-color: #000;
border-color: #ab570a;
}
.select:hover .icon {
color: #000;
color: #ab570a;
}
.value {
Expand Down Expand Up @@ -1681,7 +1681,7 @@ exports[`Select should work with different status 1`] = `
transition: transform 200ms ease;
display: flex;
align-items: center;
color: #666;
color: #f5a623;
}
</style></div><div class=\\"select \\"><span class=\\"value placeholder\\"><span><style>
span {
Expand All @@ -1708,8 +1708,8 @@ exports[`Select should work with different status 1`] = `
max-width: 80vw;
width: initial;
overflow: hidden;
transition: border 0.2s ease 0s, color 0.2s ease-out 0s,
box-shadow 0.2s ease 0s;
transition: border 150ms ease-in 0s, color 200ms ease-out 0s,
box-shadow 200ms ease 0s;
border: 1px solid #e00;
border-radius: 5px;
padding: 0 4pt 0 8pt;
Expand All @@ -1726,11 +1726,11 @@ exports[`Select should work with different status 1`] = `
}
.select:hover {
border-color: #000;
border-color: #c50000;
}
.select:hover .icon {
color: #000;
color: #c50000;
}
.value {
Expand Down Expand Up @@ -1770,7 +1770,7 @@ exports[`Select should work with different status 1`] = `
transition: transform 200ms ease;
display: flex;
align-items: center;
color: #666;
color: #e00;
}
</style></div></div>"
`;
4 changes: 2 additions & 2 deletions components/select/__tests__/__snapshots__/multiple.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -97,8 +97,8 @@ exports[`Select Multiple should render correctly 1`] = `
max-width: 80vw;
width: initial;
overflow: hidden;
transition: border 0.2s ease 0s, color 0.2s ease-out 0s,
box-shadow 0.2s ease 0s;
transition: border 150ms ease-in 0s, color 200ms ease-out 0s,
box-shadow 200ms ease 0s;
border: 1px solid #eaeaea;
border-radius: 5px;
padding: 0 4pt 0 8pt;
Expand Down
34 changes: 19 additions & 15 deletions components/slider/__tests__/__snapshots__/index.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,11 +50,11 @@ exports[`Slider should render correctly 1`] = `
</style></div>"
`;
exports[`Slider should work with hideValue 1`] = `
"<div class=\\"slider \\"><div class=\\"dot \\"><style>
exports[`Slider should work with different status 1`] = `
"<div><div class=\\"slider \\"><div class=\\"dot \\">0<style>
.dot {
position: absolute;
left: 20%;
left: 0%;
top: 50%;
transform: translate(-50%, -50%);
height: 1.25rem;
Expand Down Expand Up @@ -97,17 +97,14 @@ exports[`Slider should work with hideValue 1`] = `
position: relative;
cursor: pointer;
}
</style></div>"
`;
exports[`Slider should work with different status 1`] = `
"<div><div class=\\"slider \\"><div class=\\"dot \\">0<style>
</style></div><div class=\\"slider \\"><div class=\\"dot \\">0<style>
.dot {
position: absolute;
left: 0%;
top: 50%;
transform: translate(-50%, -50%);
height: 1.25rem;
min-width: 1.25rem;
line-height: 1.25rem;
border-radius: 0.625rem;
user-select: none;
Expand Down Expand Up @@ -142,7 +139,7 @@ exports[`Slider should work with different status 1`] = `
width: 100%;
height: 0.5rem;
border-radius: 50px;
background-color: #111;
background-color: #0070f3;
position: relative;
cursor: pointer;
}
Expand All @@ -153,6 +150,7 @@ exports[`Slider should work with different status 1`] = `
top: 50%;
transform: translate(-50%, -50%);
height: 1.25rem;
min-width: 1.25rem;
line-height: 1.25rem;
border-radius: 0.625rem;
user-select: none;
Expand Down Expand Up @@ -187,7 +185,7 @@ exports[`Slider should work with different status 1`] = `
width: 100%;
height: 0.5rem;
border-radius: 50px;
background-color: #0070f3;
background-color: #f5a623;
position: relative;
cursor: pointer;
}
Expand All @@ -198,6 +196,7 @@ exports[`Slider should work with different status 1`] = `
top: 50%;
transform: translate(-50%, -50%);
height: 1.25rem;
min-width: 1.25rem;
line-height: 1.25rem;
border-radius: 0.625rem;
user-select: none;
Expand Down Expand Up @@ -232,17 +231,22 @@ exports[`Slider should work with different status 1`] = `
width: 100%;
height: 0.5rem;
border-radius: 50px;
background-color: #f5a623;
background-color: #e00;
position: relative;
cursor: pointer;
}
</style></div><div class=\\"slider \\"><div class=\\"dot \\">0<style>
</style></div></div>"
`;
exports[`Slider should work with hideValue 1`] = `
"<div class=\\"slider \\"><div class=\\"dot \\"><style>
.dot {
position: absolute;
left: 0%;
left: 20%;
top: 50%;
transform: translate(-50%, -50%);
height: 1.25rem;
min-width: 1.25rem;
line-height: 1.25rem;
border-radius: 0.625rem;
user-select: none;
Expand Down Expand Up @@ -277,11 +281,11 @@ exports[`Slider should work with different status 1`] = `
width: 100%;
height: 0.5rem;
border-radius: 50px;
background-color: #e00;
background-color: #111;
position: relative;
cursor: pointer;
}
</style></div></div>"
</style></div>"
`;
exports[`Slider should work with markers 1`] = `
Expand Down

0 comments on commit cde3f9f

Please sign in to comment.