diff --git a/packages/plugins/ui-theme/package.json b/packages/plugins/ui-theme/package.json
index 178c086de..f5f2ce5cd 100644
--- a/packages/plugins/ui-theme/package.json
+++ b/packages/plugins/ui-theme/package.json
@@ -18,9 +18,9 @@
"@emotion/jest": "11.10.5",
"@emotion/react": "11.10.6",
"@emotion/styled": "11.10.6",
- "@mui/icons-material": "5.15.3",
- "@mui/material": "5.15.3",
- "@mui/styles": "5.15.3",
+ "@mui/icons-material": "5.15.4",
+ "@mui/material": "5.15.4",
+ "@mui/styles": "5.15.4",
"@rematch/core": "2.2.0",
"@rematch/loading": "2.1.2",
"@rematch/persist": "2.1.2",
diff --git a/packages/ui-components/package.json b/packages/ui-components/package.json
index fde7bd2a5..901e3dde5 100644
--- a/packages/ui-components/package.json
+++ b/packages/ui-components/package.json
@@ -24,10 +24,10 @@
"@emotion/styled": "^11.10.6",
"@fontsource/material-icons": "^4.5.4",
"@fontsource/roboto": "^4.5.8",
- "@mui/icons-material": "5.15.3",
- "@mui/material": "5.15.3",
- "@mui/styles": "5.15.3",
- "@mui/system": "5.15.3",
+ "@mui/icons-material": "5.15.4",
+ "@mui/material": "5.15.4",
+ "@mui/styles": "5.15.4",
+ "@mui/system": "5.15.4",
"@rematch/core": "2.2.0",
"@rematch/loading": "2.1.2",
"@rematch/persist": "2.1.2",
diff --git a/packages/ui-components/src/components/Help/Help.test.tsx b/packages/ui-components/src/components/Help/Help.test.tsx
index d2de83ed5..5b17e7831 100644
--- a/packages/ui-components/src/components/Help/Help.test.tsx
+++ b/packages/ui-components/src/components/Help/Help.test.tsx
@@ -1,11 +1,18 @@
import React from 'react';
-import { render } from '../../test/test-react-testing-library';
+import { render, screen } from '../../test/test-react-testing-library';
import Help from './Help';
describe(' component', () => {
test('should load the component in default state', () => {
- const { container } = render();
- expect(container.firstChild).toMatchSnapshot();
+ render();
+ expect(screen.getByText('help.title')).toBeInTheDocument();
+ expect(screen.getByText('help.sub-title')).toBeInTheDocument();
+ expect(screen.getByText('help.first-step')).toBeInTheDocument();
+ expect(screen.getByText('help.first-step-command-line')).toBeInTheDocument();
+ expect(screen.getByText('help.second-step')).toBeInTheDocument();
+ expect(screen.getByText('help.second-step-command-line')).toBeInTheDocument();
+ expect(screen.getByText('help.third-step')).toBeInTheDocument();
+ expect(screen.getByText('button.learn-more')).toBeInTheDocument();
});
});
diff --git a/packages/ui-components/src/components/Help/__snapshots__/Help.test.tsx.snap b/packages/ui-components/src/components/Help/__snapshots__/Help.test.tsx.snap
deleted file mode 100644
index 89abfd106..000000000
--- a/packages/ui-components/src/components/Help/__snapshots__/Help.test.tsx.snap
+++ /dev/null
@@ -1,395 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[` component should load the component in default state 1`] = `
-.emotion-1 {
- background-color: #fff;
- color: rgba(0, 0, 0, 0.87);
- -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- border-radius: 4px;
- box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);
- overflow: hidden;
- max-width: 600px;
- margin: auto;
-}
-
-.emotion-2 {
- padding: 16px;
-}
-
-.emotion-2:last-child {
- padding-bottom: 24px;
-}
-
-.emotion-3 {
- margin: 0;
- font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
- font-weight: 400;
- font-size: 1.5rem;
- line-height: 1.334;
- margin-bottom: 0.35em;
-}
-
-.emotion-4 {
- margin: 0;
- font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
- font-weight: 500;
- font-size: 1.25rem;
- line-height: 1.6;
- margin-bottom: 0.35em;
- color: rgba(0, 0, 0, 0.6);
- margin-bottom: 8px;
-}
-
-.emotion-5 {
- margin: 0;
- font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
- font-weight: 400;
- font-size: 1rem;
- line-height: 1.5;
-}
-
-.emotion-6 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
-}
-
-.emotion-8 {
- display: inline-block;
- overflow: hidden;
- text-overflow: ellipsis;
- height: auto;
- white-space: break-spaces;
- font-size: 14px;
-}
-
-.emotion-10 {
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- -webkit-justify-content: center;
- justify-content: center;
- position: relative;
- box-sizing: border-box;
- -webkit-tap-highlight-color: transparent;
- background-color: transparent;
- outline: 0;
- border: 0;
- margin: 0;
- border-radius: 0;
- padding: 0;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- vertical-align: middle;
- -moz-appearance: none;
- -webkit-appearance: none;
- -webkit-text-decoration: none;
- text-decoration: none;
- color: inherit;
- text-align: center;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- font-size: 1.5rem;
- padding: 8px;
- border-radius: 50%;
- overflow: visible;
- color: rgba(0, 0, 0, 0.54);
- -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- padding: 5px;
- font-size: 1.125rem;
-}
-
-.emotion-10::-moz-focus-inner {
- border-style: none;
-}
-
-.emotion-10.Mui-disabled {
- pointer-events: none;
- cursor: default;
-}
-
-@media print {
- .emotion-10 {
- -webkit-print-color-adjust: exact;
- color-adjust: exact;
- }
-}
-
-.emotion-10:hover {
- background-color: rgba(0, 0, 0, 0.04);
-}
-
-@media (hover: none) {
- .emotion-10:hover {
- background-color: transparent;
- }
-}
-
-.emotion-10.Mui-disabled {
- background-color: transparent;
- color: rgba(0, 0, 0, 0.26);
-}
-
-.emotion-11 {
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- width: 1em;
- height: 1em;
- display: inline-block;
- fill: currentColor;
- -webkit-flex-shrink: 0;
- -ms-flex-negative: 0;
- flex-shrink: 0;
- -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- font-size: 1.25rem;
-}
-
-.emotion-12 {
- overflow: hidden;
- pointer-events: none;
- position: absolute;
- z-index: 0;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- border-radius: inherit;
-}
-
-.emotion-21 {
- margin: 0;
- font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
- font-weight: 400;
- font-size: 0.875rem;
- line-height: 1.43;
-}
-
-.emotion-22 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- padding: 8px;
-}
-
-.emotion-22>:not(style)~:not(style) {
- margin-left: 8px;
-}
-
-.emotion-23 {
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- -webkit-justify-content: center;
- justify-content: center;
- position: relative;
- box-sizing: border-box;
- -webkit-tap-highlight-color: transparent;
- background-color: transparent;
- outline: 0;
- border: 0;
- margin: 0;
- border-radius: 0;
- padding: 0;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- vertical-align: middle;
- -moz-appearance: none;
- -webkit-appearance: none;
- -webkit-text-decoration: none;
- text-decoration: none;
- color: inherit;
- font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
- font-weight: 500;
- font-size: 0.8125rem;
- line-height: 1.75;
- text-transform: uppercase;
- min-width: 64px;
- padding: 4px 5px;
- border-radius: 4px;
- -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- color: #4b5e40;
-}
-
-.emotion-23::-moz-focus-inner {
- border-style: none;
-}
-
-.emotion-23.Mui-disabled {
- pointer-events: none;
- cursor: default;
-}
-
-@media print {
- .emotion-23 {
- -webkit-print-color-adjust: exact;
- color-adjust: exact;
- }
-}
-
-.emotion-23:hover {
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgba(75, 94, 64, 0.04);
-}
-
-@media (hover: none) {
- .emotion-23:hover {
- background-color: transparent;
- }
-}
-
-.emotion-23.Mui-disabled {
- color: rgba(0, 0, 0, 0.26);
-}
-
-
-
-
- help.title
-
-
- help.sub-title
-
-
- help.first-step
-
-
-
- help.first-step-command-line
-
-
-
-
- help.second-step
-
-
-
- help.second-step-command-line
-
-
-
-
- help.third-step
-
-
-
-