Fix / remove profiles from the web app #895
Annotations
3 errors and 1 warning
src/components/Account/Account.test.tsx > <Account> > renders and matches snapshot:
packages/ui-react/src/components/Account/Account.test.tsx#L28
Error: Snapshot `<Account> > renders and matches snapshot 1` mismatched
- Expected
+ Received
<div>
- <h1
- class="hideUntilFocus"
- >
- nav.account
- </h1>
- <section
- aria-labelledby="account_about_you_1235"
- class="panel-class"
- >
- <div
- class="header-class"
- >
- <h2
- id="account_about_you_1235"
- >
- account.about_you
- </h2>
- </div>
- <form
- class="_flexBox_1c1c63"
- novalidate=""
- >
- <div
- class="_formField_86f2f5 _textField_c799b0"
- >
- <label
- class="_label_86f2f5"
- for="text-field_1235_firstname"
- >
- account.firstname
- </label>
- <input
- aria-describedby="helper_text_1235_firstname"
- aria-invalid="false"
- aria-required="false"
- autocomplete="given-name"
- class="_input_859b20"
- id="text-field_1235_firstname"
- lang="en"
- name="firstName"
- readonly=""
- type="text"
- value="John"
- />
- </div>
- <div
- class="_formField_86f2f5 _textField_c799b0"
- >
- <label
- class="_label_86f2f5"
- for="text-field_1235_lastname"
- >
- account.lastname
- </label>
- <input
- aria-describedby="helper_text_1235_lastname"
- aria-invalid="false"
- aria-required="false"
- autocomplete="family-name"
- class="_input_859b20"
- id="text-field_1235_lastname"
- lang="en"
- name="lastName"
- readonly=""
- type="text"
- value="Doe"
- />
- </div>
- </form>
- <div
- class="_controls_1c1c63"
- >
- <button
- class="_button_f8f296 _default_f8f296 _outlined_f8f296"
- type="button"
- >
- <span>
- account.edit_information
- </span>
- </button>
- </div>
- </section>
- <section
- aria-labelledby="account_email_1235"
- class="panel-class"
- >
- <div
- class="header-class"
- >
- <h2
- id="account_email_1235"
- >
- account.email
- </h2>
- </div>
- <form
- class="_flexBox_1c1c63"
- novalidate=""
- >
- <div
- class="_formField_86f2f5 _textField_c799b0"
- >
- <label
- class="_label_86f2f5"
- for="text-field_1235_email"
- >
- account.email
- </label>
- <input
- aria-describedby="helper_text_1235_email"
- aria-invalid="false"
- aria-required="true"
- autocomplete="email"
- class="_input_859b20"
- id="text-field_1235_email"
- name="email"
- readonly=""
- required=""
- type="text"
- value="[email protected]"
- />
- </div>
- </form>
- <div
- class="_controls_1c1c63"
- >
- <button
- class="_button_f8f296 _default_f8f296 _outlined_f8f296"
- type="button"
- >
- <span>
- account.edit_account
- </span>
- </button>
- </div>
- </section>
- <section
- aria-labelledby="account_security_1235"
- class="panel-class"
+ <h2>
+ Unexpected Application Error!
+ </h2>
+ <h3
+ style="font-style: italic;"
>
- <div
- class="header-class"
- >
- <h2
- id="account_security_1235"
- >
- account.security
- </h2>
- </div>
- <form
- class="_flexBox_1c1c63"
- novalidate=""
- />
- <div
- class="_controls_1c1c63"
- >
- <button
- class="_button_f8f296 _default_f8f296 _outlined_f8f296"
- type="button"
- >
- <span>
- account.edit_password
- </span>
- </button>
- </div>
- </section>
- <section
- aria-labelledby="account_terms_and_tracking_
|
src/pages/User/User.test.tsx > User Component tests > Account Page:
packages/ui-react/src/pages/User/User.test.tsx#L113
Error: Snapshot `User Component tests > Account Page 1` mismatched
- Expected
+ Received
<div>
- <div
- class="_user_e9c5ca"
+ <h2>
+ Unexpected Application Error!
+ </h2>
+ <h3
+ style="font-style: italic;"
+ >
+ [vitest] No "Trans" export is defined on the "react-i18next" mock. Did you forget to return it from "vi.mock"?
+ If you need to partially mock a module, you can use "importOriginal" helper inside:
+
+ </h3>
+ <pre
+ style="padding: 0.5rem; background-color: rgba(200, 200, 200, 0.5);"
>
- <nav
- class="_leftColumn_e9c5ca"
+ Error: [vitest] No "Trans" export is defined on the "react-i18next" mock. Did you forget to return it from "vi.mock"?
+ If you need to partially mock a module, you can use "importOriginal" helper inside:
+
+ at VitestMocker.createError (file:///home/runner/work/ott-web-app/ott-web-app/node_modules/vitest/dist/vendor/execute.fL3szUAI.js:79:19)
+ at Object.get (file:///home/runner/work/ott-web-app/ott-web-app/node_modules/vitest/dist/vendor/execute.fL3szUAI.js:153:22)
+ at Object.content (/home/runner/work/ott-web-app/ott-web-app/packages/ui-react/src/components/Account/Account.tsx:393:22)
+ at content (/home/runner/work/ott-web-app/ott-web-app/packages/ui-react/src/components/Account/Account.tsx:199:20)
+ at FormSection (/home/runner/work/ott-web-app/ott-web-app/packages/ui-react/src/components/Form/FormSection.tsx:152:12)
+ at renderWithHooks (/home/runner/work/ott-web-app/ott-web-app/node_modules/react-dom/cjs/react-dom.development.js:15486:18)
+ at mountIndeterminateComponent (/home/runner/work/ott-web-app/ott-web-app/node_modules/react-dom/cjs/react-dom.development.js:20103:13)
+ at beginWork (/home/runner/work/ott-web-app/ott-web-app/node_modules/react-dom/cjs/react-dom.development.js:21626:16)
+ at beginWork$1 (/home/runner/work/ott-web-app/ott-web-app/node_modules/react-dom/cjs/react-dom.development.js:27465:14)
+ at performUnitOfWork (/home/runner/work/ott-web-app/ott-web-app/node_modules/react-dom/cjs/react-dom.development.js:26599:12)
+ </pre>
+ <p>
+ 💿 Hey developer 👋
+ </p>
+ <p>
+ You can provide a way better UX than this when your app throws errors by providing your own
+ <code
+ style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
>
- <div
- class="_panel_e9c5ca"
- >
- <ul>
- <li>
- <a
- aria-current="page"
- class="_button_f8f296 _button_e9c5ca _default_f8f296 _text_f8f296 _active_f8f296"
- href="/u/my-account"
- >
- <div
- class="_startIcon_f8f296"
- >
- <svg
- aria-hidden="true"
- class="_icon_585b29"
- viewBox="0 0 24 24"
- xmlns="http://www.w3.org/2000/svg"
- >
- <path
- d="M12,19.2C9.5,19.2 7.29,17.92 6,16C6.03,14 10,12.9 12,12.9C14,12.9 17.97,14 18,16C16.71,17.92 14.5,19.2 12,19.2M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z"
- />
- </svg>
- </div>
- <span>
- nav.account
- </span>
- </a>
- </li>
- <li>
- <a
- class="_button_f8f296 _button_e9c5ca _default_f8f296 _text_f8f296"
- href="/u/payments"
- >
- <div
- class="_startIcon_f8f296"
- >
- <svg
- aria-hidden="true"
- class="_icon_585b29"
- viewBox="0 0 24 24"
- xmlns="http://www.w3.org/2000/svg"
- >
- <path
- d="M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V16.72C21.59,16.37 22,15.74 22,15V9C22,8.26 21.59,7.63 21,7.28V5A2,2 0 0
|
test (18.x)
Process completed with exit code 1.
|
test (18.x)
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/checkout@v3, actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
|