chore: fix toggle and skip flacky tests in ie11

skbkontur · Apr 9, 2021 · 03d81b7 · 03d81b7
1 parent dd1384a
commit 03d81b7
Show file tree

Hide file tree

Showing 43 changed files with 78 additions and 87 deletions.
diff --git a/...ct-ui/.creevey/images/ComboBox/toogle error/plain again/ie118px/plain again.png b/...ct-ui/.creevey/images/ComboBox/toogle error/plain again/ie118px/plain again.png
diff --git a/packages/react-ui/.creevey/images/ComboBox/toogle error/plain/ie118px/plain.png b/packages/react-ui/.creevey/images/ComboBox/toogle error/plain/ie118px/plain.png
diff --git a/...eact-ui/.creevey/images/ComboBox/toogle error/with error/ie118px/with error.png b/...eact-ui/.creevey/images/ComboBox/toogle error/with error/ie118px/with error.png
diff --git a/...gns, portals, items and scrolls/long Items scroll/ie118px/long Items scroll.png b/...gns, portals, items and scrolls/long Items scroll/ie118px/long Items scroll.png
diff --git a/...er/various aligns, portals, items and scrolls/long Items/ie118px/long Items.png b/...er/various aligns, portals, items and scrolls/long Items/ie118px/long Items.png
diff --git a/...s, portals, items and scrolls/short Items scroll/ie118px/short Items scroll.png b/...s, portals, items and scrolls/short Items scroll/ie118px/short Items scroll.png
diff --git a/.../various aligns, portals, items and scrolls/short Items/ie118px/short Items.png b/.../various aligns, portals, items and scrolls/short Items/ie118px/short Items.png
diff --git a/...s/Modal/Modal with variable height of content/open modal/ie118px/open modal.png b/...s/Modal/Modal with variable height of content/open modal/ie118px/open modal.png
diff --git a/...iable height of content/toggle content height/ie118px/toggle content height.png b/...iable height of content/toggle content height/ie118px/toggle content height.png
diff --git a/... Header/open side-page without header/ie118px/open side-page without header.png b/... Header/open side-page without header/ie118px/open side-page without header.png
diff --git a/... another SidePage/close internal side-page/ie118px/close internal side-page.png b/... another SidePage/close internal side-page/ie118px/close internal side-page.png
diff --git a/...er another SidePage/open internal side-page/ie118px/open internal side-page.png b/...er another SidePage/open internal side-page/ie118px/open internal side-page.png
diff --git a/...ct-ui/.creevey/images/SidePage/Simple/open side-page/ie118px/open side-page.png b/...ct-ui/.creevey/images/SidePage/Simple/open side-page/ie118px/open side-page.png
diff --git a/....creevey/images/ThemeProvider/playground/dark theme top/ie11/dark theme top.png b/....creevey/images/ThemeProvider/playground/dark theme top/ie11/dark theme top.png
diff --git a/...ges/ThemeProvider/playground/default theme bottom/ie11/default theme bottom.png b/...ges/ThemeProvider/playground/default theme bottom/ie11/default theme bottom.png
diff --git a/.../ThemeProvider/playground/default theme bottom/ie118px/default theme bottom.png b/.../ThemeProvider/playground/default theme bottom/ie118px/default theme bottom.png
diff --git a/...ey/images/ThemeProvider/playground/default theme top/ie11/default theme top.png b/...ey/images/ThemeProvider/playground/default theme top/ie11/default theme top.png
diff --git a/...ey/images/ThemeProvider/playground/flat theme bottom/ie11/flat theme bottom.png b/...ey/images/ThemeProvider/playground/flat theme bottom/ie11/flat theme bottom.png
diff --git a/...images/ThemeProvider/playground/flat theme bottom/ie118px/flat theme bottom.png b/...images/ThemeProvider/playground/flat theme bottom/ie118px/flat theme bottom.png
diff --git a/....creevey/images/ThemeProvider/playground/flat theme top/ie11/flat theme top.png b/....creevey/images/ThemeProvider/playground/flat theme top/ie11/flat theme top.png
diff --git a/packages/react-ui/.creevey/images/Toggle/With Left Caption/ie118px.png b/packages/react-ui/.creevey/images/Toggle/With Left Caption/ie118px.png
diff --git a/packages/react-ui/.creevey/images/Toggle/With Left Caption/ie11Flat8px.png b/packages/react-ui/.creevey/images/Toggle/With Left Caption/ie11Flat8px.png
diff --git a/...act-ui/.creevey/images/Toggle/disabled with Tooltip/pressed/ie118px/pressed.png b/...act-ui/.creevey/images/Toggle/disabled with Tooltip/pressed/ie118px/pressed.png
diff --git a/...ui/.creevey/images/Toggle/disabled with Tooltip/pressed/ie11Flat8px/pressed.png b/...ui/.creevey/images/Toggle/disabled with Tooltip/pressed/ie11Flat8px/pressed.png
diff --git a/packages/react-ui/.creevey/images/Toggle/plain/clicked/ie118px/clicked.png b/packages/react-ui/.creevey/images/Toggle/plain/clicked/ie118px/clicked.png
diff --git a/packages/react-ui/.creevey/images/Toggle/plain/clicked/ie11Flat8px/clicked.png b/packages/react-ui/.creevey/images/Toggle/plain/clicked/ie11Flat8px/clicked.png
diff --git a/packages/react-ui/.creevey/images/Toggle/plain/plain/ie118px/plain.png b/packages/react-ui/.creevey/images/Toggle/plain/plain/ie118px/plain.png
diff --git a/packages/react-ui/.creevey/images/Toggle/plain/plain/ie11Flat8px/plain.png b/packages/react-ui/.creevey/images/Toggle/plain/plain/ie11Flat8px/plain.png
diff --git a/packages/react-ui/.creevey/images/Toggle/plain/pressed/ie118px/pressed.png b/packages/react-ui/.creevey/images/Toggle/plain/pressed/ie118px/pressed.png
diff --git a/packages/react-ui/.creevey/images/Toggle/plain/pressed/ie11Flat8px/pressed.png b/packages/react-ui/.creevey/images/Toggle/plain/pressed/ie11Flat8px/pressed.png
diff --git a/packages/react-ui/.creevey/images/Toggle/playground/ie118px.png b/packages/react-ui/.creevey/images/Toggle/playground/ie118px.png
diff --git a/packages/react-ui/.creevey/images/Toggle/playground/ie11Flat8px.png b/packages/react-ui/.creevey/images/Toggle/playground/ie11Flat8px.png
diff --git a/packages/react-ui/.creevey/images/Toggle/with children/plain/ie118px/plain.png b/packages/react-ui/.creevey/images/Toggle/with children/plain/ie118px/plain.png
diff --git a/packages/react-ui/.creevey/images/Toggle/with children/plain/ie11Flat8px/plain.png b/packages/react-ui/.creevey/images/Toggle/with children/plain/ie11Flat8px/plain.png
diff --git a/...act-ui/.creevey/images/Toggle/with long description/clicked/ie118px/clicked.png b/...act-ui/.creevey/images/Toggle/with long description/clicked/ie118px/clicked.png
diff --git a/...ui/.creevey/images/Toggle/with long description/clicked/ie11Flat8px/clicked.png b/...ui/.creevey/images/Toggle/with long description/clicked/ie11Flat8px/clicked.png
diff --git a/...s/react-ui/.creevey/images/Toggle/with long description/plain/ie118px/plain.png b/...s/react-ui/.creevey/images/Toggle/with long description/plain/ie118px/plain.png
diff --git a/...act-ui/.creevey/images/Toggle/with long description/plain/ie11Flat8px/plain.png b/...act-ui/.creevey/images/Toggle/with long description/plain/ie11Flat8px/plain.png
diff --git a/...ader in Modal/Hide Hint on active Loader/ie118px/Hide Hint on active Loader.png b/...ader in Modal/Hide Hint on active Loader/ie118px/Hide Hint on active Loader.png
diff --git a/...own while Loader is inactive/ie118px/Open Dropdown while Loader is inactive.png b/...own while Loader is inactive/ie118px/Open Dropdown while Loader is inactive.png
diff --git a/... SidePage/SidePage shadow cover Loader/ie118px/SidePage shadow cover Loader.png b/... SidePage/SidePage shadow cover Loader/ie118px/SidePage shadow cover Loader.png
diff --git a/packages/react-ui/components/ThemeProvider/__stories__/ThemeProvider.stories.tsx b/packages/react-ui/components/ThemeProvider/__stories__/ThemeProvider.stories.tsx
@@ -14,7 +14,7 @@ Playground.story = {
       skip: [
         {
           tests: ['default theme top', 'flat theme top', 'dark theme top'],
-          in: ['ie118px'],
+          in: ['ie118px', 'ie11'],
           reason: 'flacky input outlines',
         },
       ],

diff --git a/packages/react-ui/internal/themes/Theme8px.ts b/packages/react-ui/internal/themes/Theme8px.ts
@@ -261,7 +261,7 @@ export class Theme8px extends (class {} as typeof DefaultThemeInternal) {
   public static toggleWidth = '32px';
   public static toggleHeight = '20px';
   public static get toggleBorderRadius() {
-    return `calc(${this.toggleHeight} / 2)`;
+    return `calc(${this.toggleHeight} * 0.5)`;
   }
   public static get toggleBorderWidth() {
     return this.controlBorderWidth;