mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
07abc53cce
* BannerBase to TS * snapshot updates * more snapshot updates * addressing type definition error * updating eth-sign-modal snapshot * Updates to stories, types and adding data-testid * Updating snapshots * updating snapshot of blockaid-banner-alert and adding unit test for childrenWrapperProps * BannerBase updates to stories, adding locale for close button, removing static data-testid in favor of using it at the instance, updating snapshots associated with those changes * Removing incorrect arg from storybook file * Updating html element in security provider e2e test to match BannerBase. Also updating snapshot of ConfirmTransaction page * Fixing e2e tests --------- Co-authored-by: georgewrmarshall <george.marshall@consensys.net>
200 lines
7.6 KiB
Plaintext
200 lines
7.6 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`Blockaid Banner Alert should render 'danger' UI when securityAlertResponse.result_type is 'Malicious 1`] = `
|
|
<div
|
|
class="mm-box mm-banner-base mm-banner-alert mm-banner-alert--severity-danger mm-box--margin-4 mm-box--padding-3 mm-box--padding-left-2 mm-box--display-flex mm-box--gap-2 mm-box--background-color-error-muted mm-box--rounded-sm"
|
|
>
|
|
<span
|
|
class="mm-box mm-icon mm-icon--size-lg mm-box--display-inline-block mm-box--color-error-default"
|
|
style="mask-image: url('./images/icons/danger.svg');"
|
|
/>
|
|
<div>
|
|
<p
|
|
class="mm-box mm-text mm-text--body-lg-medium mm-box--color-text-default"
|
|
>
|
|
This is a deceptive request
|
|
</p>
|
|
<p
|
|
class="mm-box mm-text mm-text--body-md mm-box--margin-top-2 mm-box--color-text-default"
|
|
>
|
|
If you approve this request, a third party known for scams might take all your assets.
|
|
</p>
|
|
<p
|
|
class="mm-box mm-text mm-text--body-sm mm-box--margin-top-3 mm-box--display-flex mm-box--align-items-center mm-box--color-text-alternative"
|
|
>
|
|
<span
|
|
class="mm-box disclosure__summary--icon mm-icon mm-icon--size-sm mm-box--margin-inline-end-1 mm-box--display-inline-block mm-box--color-primary-default"
|
|
style="mask-image: url('./images/icons/security-tick.svg');"
|
|
/>
|
|
<span>
|
|
|
|
Security advice by
|
|
<a
|
|
class="mm-box mm-text mm-button-base mm-button-link mm-button-link--size-inherit mm-text--body-md-medium mm-box--padding-0 mm-box--padding-right-0 mm-box--padding-left-0 mm-box--display-inline-flex mm-box--justify-content-center mm-box--align-items-center mm-box--color-primary-default mm-box--background-color-transparent"
|
|
href="https://blockaid.io/"
|
|
rel="noopener noreferrer"
|
|
target="_blank"
|
|
>
|
|
Blockaid
|
|
</a>
|
|
|
|
|
|
</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Blockaid Banner Alert should render 'warning' UI when securityAlertResponse.result_type is 'Failed 1`] = `
|
|
<div
|
|
class="mm-box mm-banner-base mm-banner-alert mm-banner-alert--severity-warning mm-box--margin-4 mm-box--padding-3 mm-box--padding-left-2 mm-box--display-flex mm-box--gap-2 mm-box--background-color-warning-muted mm-box--rounded-sm"
|
|
>
|
|
<span
|
|
class="mm-box mm-icon mm-icon--size-lg mm-box--display-inline-block mm-box--color-warning-default"
|
|
style="mask-image: url('./images/icons/danger.svg');"
|
|
/>
|
|
<div>
|
|
<p
|
|
class="mm-box mm-text mm-text--body-lg-medium mm-box--color-text-default"
|
|
>
|
|
This is a deceptive request
|
|
</p>
|
|
<p
|
|
class="mm-box mm-text mm-text--body-md mm-box--margin-top-2 mm-box--color-text-default"
|
|
>
|
|
If you approve this request, a third party known for scams might take all your assets.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Blockaid Banner Alert should render 'warning' UI when securityAlertResponse.result_type is 'Warning 1`] = `
|
|
<div
|
|
class="mm-box mm-banner-base mm-banner-alert mm-banner-alert--severity-warning mm-box--margin-4 mm-box--padding-3 mm-box--padding-left-2 mm-box--display-flex mm-box--gap-2 mm-box--background-color-warning-muted mm-box--rounded-sm"
|
|
>
|
|
<span
|
|
class="mm-box mm-icon mm-icon--size-lg mm-box--display-inline-block mm-box--color-warning-default"
|
|
style="mask-image: url('./images/icons/danger.svg');"
|
|
/>
|
|
<div>
|
|
<p
|
|
class="mm-box mm-text mm-text--body-lg-medium mm-box--color-text-default"
|
|
>
|
|
This is a deceptive request
|
|
</p>
|
|
<p
|
|
class="mm-box mm-text mm-text--body-md mm-box--margin-top-2 mm-box--color-text-default"
|
|
>
|
|
If you approve this request, a third party known for scams might take all your assets.
|
|
</p>
|
|
<p
|
|
class="mm-box mm-text mm-text--body-sm mm-box--margin-top-3 mm-box--display-flex mm-box--align-items-center mm-box--color-text-alternative"
|
|
>
|
|
<span
|
|
class="mm-box disclosure__summary--icon mm-icon mm-icon--size-sm mm-box--margin-inline-end-1 mm-box--display-inline-block mm-box--color-primary-default"
|
|
style="mask-image: url('./images/icons/security-tick.svg');"
|
|
/>
|
|
<span>
|
|
|
|
Security advice by
|
|
<a
|
|
class="mm-box mm-text mm-button-base mm-button-link mm-button-link--size-inherit mm-text--body-md-medium mm-box--padding-0 mm-box--padding-right-0 mm-box--padding-left-0 mm-box--display-inline-flex mm-box--justify-content-center mm-box--align-items-center mm-box--color-primary-default mm-box--background-color-transparent"
|
|
href="https://blockaid.io/"
|
|
rel="noopener noreferrer"
|
|
target="_blank"
|
|
>
|
|
Blockaid
|
|
</a>
|
|
|
|
|
|
</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Blockaid Banner Alert should render details when provided 1`] = `
|
|
<div>
|
|
<div
|
|
class="mm-box mm-banner-base mm-banner-alert mm-banner-alert--severity-warning mm-box--margin-4 mm-box--padding-3 mm-box--padding-left-2 mm-box--display-flex mm-box--gap-2 mm-box--background-color-warning-muted mm-box--rounded-sm"
|
|
>
|
|
<span
|
|
class="mm-box mm-icon mm-icon--size-lg mm-box--display-inline-block mm-box--color-warning-default"
|
|
style="mask-image: url('./images/icons/danger.svg');"
|
|
/>
|
|
<div>
|
|
<p
|
|
class="mm-box mm-text mm-text--body-lg-medium mm-box--color-text-default"
|
|
>
|
|
This is a deceptive request
|
|
</p>
|
|
<p
|
|
class="mm-box mm-text mm-text--body-md mm-box--margin-top-2 mm-box--color-text-default"
|
|
>
|
|
If you approve this request, a third party known for scams might take all your assets.
|
|
</p>
|
|
<div
|
|
class="disclosure"
|
|
>
|
|
<details>
|
|
<summary
|
|
class="disclosure__summary is-arrow"
|
|
>
|
|
<p
|
|
class="mm-box mm-text mm-text--body-md mm-box--color-primary-default"
|
|
>
|
|
See details
|
|
</p>
|
|
<span
|
|
class="mm-box disclosure__summary--icon mm-icon mm-icon--size-sm mm-box--margin-inline-start-2 mm-box--display-inline-block mm-box--color-primary-default"
|
|
style="mask-image: url('./images/icons/arrow-up.svg');"
|
|
/>
|
|
</summary>
|
|
<div
|
|
class="disclosure__content normal"
|
|
>
|
|
<ul
|
|
class="mm-box mm-text mm-text--body-md mm-box--color-text-default"
|
|
>
|
|
<li>
|
|
•
|
|
Operator is an EOA
|
|
</li>
|
|
<li>
|
|
•
|
|
Operator is untrusted according to previous activity
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div
|
|
class="disclosure__footer"
|
|
/>
|
|
</details>
|
|
</div>
|
|
<p
|
|
class="mm-box mm-text mm-text--body-sm mm-box--margin-top-3 mm-box--display-flex mm-box--align-items-center mm-box--color-text-alternative"
|
|
>
|
|
<span
|
|
class="mm-box disclosure__summary--icon mm-icon mm-icon--size-sm mm-box--margin-inline-end-1 mm-box--display-inline-block mm-box--color-primary-default"
|
|
style="mask-image: url('./images/icons/security-tick.svg');"
|
|
/>
|
|
<span>
|
|
|
|
Security advice by
|
|
<a
|
|
class="mm-box mm-text mm-button-base mm-button-link mm-button-link--size-inherit mm-text--body-md-medium mm-box--padding-0 mm-box--padding-right-0 mm-box--padding-left-0 mm-box--display-inline-flex mm-box--justify-content-center mm-box--align-items-center mm-box--color-primary-default mm-box--background-color-transparent"
|
|
href="https://blockaid.io/"
|
|
rel="noopener noreferrer"
|
|
target="_blank"
|
|
>
|
|
Blockaid
|
|
</a>
|
|
|
|
|
|
</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|