b0cdbf5eff
* Make shared component build work in isolation * Add deps that were missing because they were getting picked up from element-web main but shared-components needs itself * Exclude test files from dts generation * Bump version * Change all the shared-component import to be the built artifact * Don't randomly inhale eslint configs in parent dirs please * maybe we don't need this anymore? * maybe fix build * Maybe fix docker build * More build faff * build:res on the parent as part of shared component prepare * link shared component repo inn docker build * 💅 * 💅x2 * Try converting the translation keys to a .d.ts file manually so it gets bundled rather than left as a relative import to the json file * add the script * Add this back for 2nd time now I think * Shouldn't need this anymore * patch-package on prepare because we're patching a dev dependency so it won't be there if we're installed as a dependency * Unused import * Prettier compliance * Only use counterpart from shared components as per comment * Import shared components CSS * Prettier * Call the one from shared components rather than recurse infinitely * Hopefully make tests work * wake up, comment goes before import * Fix lint errors * Fix dupe TranslationKey export * Update compound-web to fix type error An update to @types.react adds the 'hint' value to the enum of the 'popover' attribute and this version of compound-web uses the maching verson of @types/react so they don't conflict. * Maybe, hopefully, get the types working? Please? * Add copyright header to i18nkeys as eslint complains otherwise since it's now in src * prettier * stop running shared-component tests in EW * update snapshots because flex is now from an external stylesheet I guess * More snapshots * Manual class update * Avoid bundling compound bits Because a) it's silly and b) it means we end up bundling a copy of floating-ui too which causes absolute madness with its useDelayGroup contexts. * ignore test util files for coverage * Add !important because the styles are being applied in a different order now * Another !important because css order has changed * Try adding it here to make the test files ignored * More !important * commit yarn lock change * Add shared components coverage file * Update snapshots Because the line height was being overridden to 22.5px somehow by something I can't find, and now isn't: surely the normal 1.5rem is more sensible. * Update snapshots, attempt 2 * Another !important * More snapshot updates * Add test for i18n wrappers & add test script * lint * Prettier * Hopefully run shared component tests * don't need this bit for non-matrix * install ew deps * rigfht coverage location * Rename job here too * Try different coverage filename * Fix copyrights & comment * Typo Co-authored-by: Michael Telatynski <7t3chguy@gmail.com> --------- Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
323 lines
10 KiB
Plaintext
323 lines
10 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`CompleteSecurity Allows verifying with another device if one is available 1`] = `
|
|
<DocumentFragment>
|
|
<div
|
|
class="mx_AuthPage"
|
|
>
|
|
<div
|
|
class="mx_AuthPage_modal"
|
|
style="position: relative;"
|
|
>
|
|
<div
|
|
class="mx_AuthPage_modalContent"
|
|
style="display: flex; z-index: 1; border-radius: 8px;"
|
|
>
|
|
<div
|
|
class="mx_Dialog_border _glass_sepwu_8"
|
|
>
|
|
<div
|
|
class="mx_CompleteSecurityBody"
|
|
>
|
|
<h1
|
|
class="mx_CompleteSecurity_header"
|
|
>
|
|
<div
|
|
aria-label="Skip verification for now"
|
|
class="mx_AccessibleButton mx_CompleteSecurity_skip"
|
|
role="button"
|
|
tabindex="0"
|
|
/>
|
|
</h1>
|
|
<div
|
|
class="mx_CompleteSecurity_body"
|
|
>
|
|
<div
|
|
class="mx_EncryptionCard mx_EncryptionCard_noBorder mx_SetupEncryptionBody"
|
|
>
|
|
<div
|
|
class="mx_EncryptionCard_header"
|
|
>
|
|
<div
|
|
class="_content_o77nw_8"
|
|
data-size="large"
|
|
>
|
|
<svg
|
|
fill="currentColor"
|
|
height="1em"
|
|
viewBox="0 0 24 24"
|
|
width="1em"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V10q0-.825.588-1.412A1.93 1.93 0 0 1 6 8h1V6q0-2.075 1.463-3.537Q9.926 1 12 1q2.075 0 3.537 1.463Q17 3.925 17 6v2h1q.824 0 1.413.588Q20 9.175 20 10v10q0 .824-.587 1.413A1.93 1.93 0 0 1 18 22zM9 8h6V6q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 3q-1.25 0-2.125.875A2.9 2.9 0 0 0 9 6z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
<h2
|
|
class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
|
|
>
|
|
Confirm your identity
|
|
</h2>
|
|
</div>
|
|
<div
|
|
class="_flex_4dswl_9 mx_EncryptionCard_emphasisedContent"
|
|
style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: normal; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
|
|
>
|
|
<span>
|
|
Verify this device to set up secure messaging
|
|
</span>
|
|
<span>
|
|
<a
|
|
class="mx_ExternalLink"
|
|
href="https://element.io/help#encryption-device-verification"
|
|
rel="noreferrer noopener"
|
|
target="_blank"
|
|
>
|
|
Learn more
|
|
<i
|
|
class="mx_ExternalLink_icon"
|
|
/>
|
|
</a>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="mx_EncryptionCard_buttons"
|
|
>
|
|
<button
|
|
class="_button_vczzf_8"
|
|
data-kind="primary"
|
|
data-size="lg"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<svg
|
|
fill="currentColor"
|
|
height="1em"
|
|
viewBox="0 0 24 24"
|
|
width="1em"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M3.5 20q-.625 0-1.062-.437A1.45 1.45 0 0 1 2 18.5q0-.625.438-1.062A1.45 1.45 0 0 1 3.5 17H4V6q0-.824.588-1.412A1.93 1.93 0 0 1 6 4h14q.424 0 .712.287Q21 4.576 21 5t-.288.713A.97.97 0 0 1 20 6H6v11h4.5q.624 0 1.063.438.437.437.437 1.062t-.437 1.063A1.45 1.45 0 0 1 10.5 20zM15 20a.97.97 0 0 1-.713-.288A.97.97 0 0 1 14 19V9q0-.424.287-.713A.97.97 0 0 1 15 8h6q.424 0 .712.287Q22 8.576 22 9v10q0 .424-.288.712A.97.97 0 0 1 21 20zm1-3h4v-7h-4z"
|
|
/>
|
|
</svg>
|
|
Use another device
|
|
</button>
|
|
<button
|
|
class="_button_vczzf_8"
|
|
data-kind="secondary"
|
|
data-size="lg"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Can't confirm?
|
|
</button>
|
|
<button
|
|
class="_button_vczzf_8"
|
|
data-kind="tertiary"
|
|
data-size="lg"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Sign out
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<footer
|
|
class="mx_AuthFooter"
|
|
role="contentinfo"
|
|
>
|
|
<a
|
|
href="https://element.io/blog"
|
|
rel="noreferrer noopener"
|
|
target="_blank"
|
|
>
|
|
Blog
|
|
</a>
|
|
<a
|
|
href="https://mastodon.matrix.org/@Element"
|
|
rel="noreferrer noopener"
|
|
target="_blank"
|
|
>
|
|
Mastodon
|
|
</a>
|
|
<a
|
|
href="https://github.com/element-hq/element-web"
|
|
rel="noreferrer noopener"
|
|
target="_blank"
|
|
>
|
|
GitHub
|
|
</a>
|
|
<a
|
|
href="https://matrix.org"
|
|
rel="noreferrer noopener"
|
|
target="_blank"
|
|
>
|
|
Powered by Matrix
|
|
</a>
|
|
</footer>
|
|
</div>
|
|
</DocumentFragment>
|
|
`;
|
|
|
|
exports[`CompleteSecurity Allows verifying with recovery key if one is available 1`] = `
|
|
<DocumentFragment>
|
|
<div
|
|
class="mx_AuthPage"
|
|
>
|
|
<div
|
|
class="mx_AuthPage_modal"
|
|
style="position: relative;"
|
|
>
|
|
<div
|
|
class="mx_AuthPage_modalContent"
|
|
style="display: flex; z-index: 1; border-radius: 8px;"
|
|
>
|
|
<div
|
|
class="mx_Dialog_border _glass_sepwu_8"
|
|
>
|
|
<div
|
|
class="mx_CompleteSecurityBody"
|
|
>
|
|
<h1
|
|
class="mx_CompleteSecurity_header"
|
|
>
|
|
<div
|
|
aria-label="Skip verification for now"
|
|
class="mx_AccessibleButton mx_CompleteSecurity_skip"
|
|
role="button"
|
|
tabindex="0"
|
|
/>
|
|
</h1>
|
|
<div
|
|
class="mx_CompleteSecurity_body"
|
|
>
|
|
<div
|
|
class="mx_EncryptionCard mx_EncryptionCard_noBorder mx_SetupEncryptionBody"
|
|
>
|
|
<div
|
|
class="mx_EncryptionCard_header"
|
|
>
|
|
<div
|
|
class="_content_o77nw_8"
|
|
data-size="large"
|
|
>
|
|
<svg
|
|
fill="currentColor"
|
|
height="1em"
|
|
viewBox="0 0 24 24"
|
|
width="1em"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V10q0-.825.588-1.412A1.93 1.93 0 0 1 6 8h1V6q0-2.075 1.463-3.537Q9.926 1 12 1q2.075 0 3.537 1.463Q17 3.925 17 6v2h1q.824 0 1.413.588Q20 9.175 20 10v10q0 .824-.587 1.413A1.93 1.93 0 0 1 18 22zM9 8h6V6q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 3q-1.25 0-2.125.875A2.9 2.9 0 0 0 9 6z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
<h2
|
|
class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
|
|
>
|
|
Confirm your identity
|
|
</h2>
|
|
</div>
|
|
<div
|
|
class="_flex_4dswl_9 mx_EncryptionCard_emphasisedContent"
|
|
style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: normal; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
|
|
>
|
|
<span>
|
|
Verify this device to set up secure messaging
|
|
</span>
|
|
<span>
|
|
<a
|
|
class="mx_ExternalLink"
|
|
href="https://element.io/help#encryption-device-verification"
|
|
rel="noreferrer noopener"
|
|
target="_blank"
|
|
>
|
|
Learn more
|
|
<i
|
|
class="mx_ExternalLink_icon"
|
|
/>
|
|
</a>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="mx_EncryptionCard_buttons"
|
|
>
|
|
<button
|
|
class="_button_vczzf_8"
|
|
data-kind="primary"
|
|
data-size="lg"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Use recovery key
|
|
</button>
|
|
<button
|
|
class="_button_vczzf_8"
|
|
data-kind="secondary"
|
|
data-size="lg"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Can't confirm?
|
|
</button>
|
|
<button
|
|
class="_button_vczzf_8"
|
|
data-kind="tertiary"
|
|
data-size="lg"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Sign out
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<footer
|
|
class="mx_AuthFooter"
|
|
role="contentinfo"
|
|
>
|
|
<a
|
|
href="https://element.io/blog"
|
|
rel="noreferrer noopener"
|
|
target="_blank"
|
|
>
|
|
Blog
|
|
</a>
|
|
<a
|
|
href="https://mastodon.matrix.org/@Element"
|
|
rel="noreferrer noopener"
|
|
target="_blank"
|
|
>
|
|
Mastodon
|
|
</a>
|
|
<a
|
|
href="https://github.com/element-hq/element-web"
|
|
rel="noreferrer noopener"
|
|
target="_blank"
|
|
>
|
|
GitHub
|
|
</a>
|
|
<a
|
|
href="https://matrix.org"
|
|
rel="noreferrer noopener"
|
|
target="_blank"
|
|
>
|
|
Powered by Matrix
|
|
</a>
|
|
</footer>
|
|
</div>
|
|
</DocumentFragment>
|
|
`;
|