sorb/ThreadNet-Web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

Update to compound-web 9.0.1 (#33095)

Browse Source 
* Update to compound-web 9.0.1

There are a couple of breaking changes in v9, leading to the changes in
`BugReportDialog` and `EncryptionCard`.

Most of these updates, however, are snapshot updates, due to changes in the CSS
class names in compound web (which happens due to updates in the CSS content in
those classes; `postcss-modules` generates class names based on the hash of the
CSS).

* update playwright screenshots
This commit is contained in:
Richard van der Hoff
2026-04-13 10:16:34 +00:00
committed by GitHub
parent 17efc81f0b
commit eef8cad229
64 changed files with 307 additions and 291 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/ChangeRecoveryKey-test.tsx.snap
+40 -35
View File
@@ -3,7 +3,7 @@
exports[`<ChangeRecoveryKey /> flow to change the recovery key should display the recovery key 1`] = `
<DocumentFragment>
<nav
class="_breadcrumb_1xygz_8"
class="_breadcrumb_t96w3_8"
>
<button
aria-label="Back"
@@ -31,13 +31,13 @@ exports[`<ChangeRecoveryKey /> flow to change the recovery key should display th
</div>
</button>
<ol
class="_pages_1xygz_17"
class="_pages_t96w3_17"
>
<li>
<a
class="_link_1v5rz_8"
class="_link_k9ljz_8"
data-kind="primary"
data-size="small"
data-size="sm"
rel="noreferrer noopener"
role="button"
tabindex="0"
@@ -48,7 +48,7 @@ exports[`<ChangeRecoveryKey /> flow to change the recovery key should display th
<li>
<span
aria-current="page"
class="_last-page_1xygz_30"
class="_last-page_t96w3_30"
>
Change recovery key
</span>
@@ -62,8 +62,9 @@ exports[`<ChangeRecoveryKey /> flow to change the recovery key should display th
class="mx_EncryptionCard_header"
>
<div
class="_content_1r8kr_8"
data-size="large"
class="_big-icon_1ssbv_8"
data-kind="primary"
data-size="lg"
>
<svg
fill="currentColor"
@@ -165,7 +166,7 @@ exports[`<ChangeRecoveryKey /> flow to change the recovery key should display th
exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user to enter the recovery key 1`] = `
<DocumentFragment>
<nav
class="_breadcrumb_1xygz_8"
class="_breadcrumb_t96w3_8"
>
<button
aria-label="Back"
@@ -193,13 +194,13 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
</div>
</button>
<ol
class="_pages_1xygz_17"
class="_pages_t96w3_17"
>
<li>
<a
class="_link_1v5rz_8"
class="_link_k9ljz_8"
data-kind="primary"
data-size="small"
data-size="sm"
rel="noreferrer noopener"
role="button"
tabindex="0"
@@ -210,7 +211,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
<li>
<span
aria-current="page"
class="_last-page_1xygz_30"
class="_last-page_t96w3_30"
>
Get recovery key
</span>
@@ -224,8 +225,9 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
class="mx_EncryptionCard_header"
>
<div
class="_content_1r8kr_8"
data-size="large"
class="_big-icon_1ssbv_8"
data-kind="primary"
data-size="lg"
>
<svg
fill="currentColor"
@@ -324,7 +326,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user to enter the recovery key 2`] = `
<DocumentFragment>
<nav
class="_breadcrumb_1xygz_8"
class="_breadcrumb_t96w3_8"
>
<button
aria-label="Back"
@@ -352,13 +354,13 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
</div>
</button>
<ol
class="_pages_1xygz_17"
class="_pages_t96w3_17"
>
<li>
<a
class="_link_1v5rz_8"
class="_link_k9ljz_8"
data-kind="primary"
data-size="small"
data-size="sm"
rel="noreferrer noopener"
role="button"
tabindex="0"
@@ -369,7 +371,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
<li>
<span
aria-current="page"
class="_last-page_1xygz_30"
class="_last-page_t96w3_30"
>
Get recovery key
</span>
@@ -383,8 +385,9 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
class="mx_EncryptionCard_header"
>
<div
class="_content_1r8kr_8"
data-size="large"
class="_big-icon_1ssbv_8"
data-kind="primary"
data-size="lg"
>
<svg
fill="currentColor"
@@ -505,7 +508,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display information about the recovery key 1`] = `
<DocumentFragment>
<nav
class="_breadcrumb_1xygz_8"
class="_breadcrumb_t96w3_8"
>
<button
aria-label="Back"
@@ -533,13 +536,13 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display info
</div>
</button>
<ol
class="_pages_1xygz_17"
class="_pages_t96w3_17"
>
<li>
<a
class="_link_1v5rz_8"
class="_link_k9ljz_8"
data-kind="primary"
data-size="small"
data-size="sm"
rel="noreferrer noopener"
role="button"
tabindex="0"
@@ -550,7 +553,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display info
<li>
<span
aria-current="page"
class="_last-page_1xygz_30"
class="_last-page_t96w3_30"
>
Get recovery key
</span>
@@ -564,8 +567,9 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display info
class="mx_EncryptionCard_header"
>
<div
class="_content_1r8kr_8"
data-size="large"
class="_big-icon_1ssbv_8"
data-kind="primary"
data-size="lg"
>
<svg
fill="currentColor"
@@ -622,7 +626,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display info
exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display the recovery key 1`] = `
<DocumentFragment>
<nav
class="_breadcrumb_1xygz_8"
class="_breadcrumb_t96w3_8"
>
<button
aria-label="Back"
@@ -650,13 +654,13 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display the
</div>
</button>
<ol
class="_pages_1xygz_17"
class="_pages_t96w3_17"
>
<li>
<a
class="_link_1v5rz_8"
class="_link_k9ljz_8"
data-kind="primary"
data-size="small"
data-size="sm"
rel="noreferrer noopener"
role="button"
tabindex="0"
@@ -667,7 +671,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display the
<li>
<span
aria-current="page"
class="_last-page_1xygz_30"
class="_last-page_t96w3_30"
>
Get recovery key
</span>
@@ -681,8 +685,9 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display the
class="mx_EncryptionCard_header"
>
<div
class="_content_1r8kr_8"
data-size="large"
class="_big-icon_1ssbv_8"
data-kind="primary"
data-size="lg"
>
<svg
fill="currentColor"
apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/DeleteKeyStoragePanel-test.tsx.snap
+9 -8
View File
@@ -3,7 +3,7 @@
exports[`<DeleteKeyStoragePanel /> should match snapshot 1`] = `
<DocumentFragment>
<nav
class="_breadcrumb_1xygz_8"
class="_breadcrumb_t96w3_8"
>
<button
aria-label="Back"
@@ -31,13 +31,13 @@ exports[`<DeleteKeyStoragePanel /> should match snapshot 1`] = `
</div>
</button>
<ol
class="_pages_1xygz_17"
class="_pages_t96w3_17"
>
<li>
<a
class="_link_1v5rz_8"
class="_link_k9ljz_8"
data-kind="primary"
data-size="small"
data-size="sm"
rel="noreferrer noopener"
role="button"
tabindex="0"
@@ -48,7 +48,7 @@ exports[`<DeleteKeyStoragePanel /> should match snapshot 1`] = `
<li>
<span
aria-current="page"
class="_last-page_1xygz_30"
class="_last-page_t96w3_30"
>
Delete key storage
</span>
@@ -62,8 +62,9 @@ exports[`<DeleteKeyStoragePanel /> should match snapshot 1`] = `
class="mx_EncryptionCard_header"
>
<div
class="_content_1r8kr_8 _destructive_1r8kr_34"
data-size="large"
class="_big-icon_1ssbv_8"
data-kind="critical"
data-size="lg"
>
<svg
fill="currentColor"
@@ -89,7 +90,7 @@ exports[`<DeleteKeyStoragePanel /> should match snapshot 1`] = `
>
Deleting key storage will remove your cryptographic identity and message keys from the server and turn off the following security features:
<ul
class="_visual-list_1mgc1_8"
class="_visual-list_6zpfn_8"
>
<li
class="_visual-list-item_1nc1y_8"
apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/EncryptionCard-test.tsx.snap
+3 -2
View File
@@ -9,8 +9,9 @@ exports[`<EncryptionCard /> should render 1`] = `
class="mx_EncryptionCard_header"
>
<div
class="_content_1r8kr_8"
data-size="large"
class="_big-icon_1ssbv_8"
data-kind="primary"
data-size="lg"
>
<svg
fill="currentColor"
apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/ResetIdentityPanel-test.tsx.snap
+36 -32
View File
@@ -3,7 +3,7 @@
exports[`<ResetIdentityPanel /> should display the 'forgot recovery key' variant correctly 1`] = `
<DocumentFragment>
<nav
class="_breadcrumb_1xygz_8"
class="_breadcrumb_t96w3_8"
>
<button
aria-label="Back"
@@ -31,13 +31,13 @@ exports[`<ResetIdentityPanel /> should display the 'forgot recovery key' variant
</div>
</button>
<ol
class="_pages_1xygz_17"
class="_pages_t96w3_17"
>
<li>
<a
class="_link_1v5rz_8"
class="_link_k9ljz_8"
data-kind="primary"
data-size="small"
data-size="sm"
rel="noreferrer noopener"
role="button"
tabindex="0"
@@ -48,7 +48,7 @@ exports[`<ResetIdentityPanel /> should display the 'forgot recovery key' variant
<li>
<span
aria-current="page"
class="_last-page_1xygz_30"
class="_last-page_t96w3_30"
>
Reset encryption
</span>
@@ -62,8 +62,9 @@ exports[`<ResetIdentityPanel /> should display the 'forgot recovery key' variant
class="mx_EncryptionCard_header"
>
<div
class="_content_1r8kr_8 _destructive_1r8kr_34"
data-size="large"
class="_big-icon_1ssbv_8"
data-kind="critical"
data-size="lg"
>
<svg
fill="currentColor"
@@ -88,7 +89,7 @@ exports[`<ResetIdentityPanel /> should display the 'forgot recovery key' variant
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;"
>
<ul
class="_visual-list_1mgc1_8"
class="_visual-list_6zpfn_8"
>
<li
class="_visual-list-item_1nc1y_8"
@@ -186,7 +187,7 @@ exports[`<ResetIdentityPanel /> should display the 'forgot recovery key' variant
exports[`<ResetIdentityPanel /> should display the 'sync failed' variant correctly 1`] = `
<DocumentFragment>
<nav
class="_breadcrumb_1xygz_8"
class="_breadcrumb_t96w3_8"
>
<button
aria-label="Back"
@@ -214,13 +215,13 @@ exports[`<ResetIdentityPanel /> should display the 'sync failed' variant correct
</div>
</button>
<ol
class="_pages_1xygz_17"
class="_pages_t96w3_17"
>
<li>
<a
class="_link_1v5rz_8"
class="_link_k9ljz_8"
data-kind="primary"
data-size="small"
data-size="sm"
rel="noreferrer noopener"
role="button"
tabindex="0"
@@ -231,7 +232,7 @@ exports[`<ResetIdentityPanel /> should display the 'sync failed' variant correct
<li>
<span
aria-current="page"
class="_last-page_1xygz_30"
class="_last-page_t96w3_30"
>
Reset encryption
</span>
@@ -245,8 +246,9 @@ exports[`<ResetIdentityPanel /> should display the 'sync failed' variant correct
class="mx_EncryptionCard_header"
>
<div
class="_content_1r8kr_8 _destructive_1r8kr_34"
data-size="large"
class="_big-icon_1ssbv_8"
data-kind="critical"
data-size="lg"
>
<svg
fill="currentColor"
@@ -271,7 +273,7 @@ exports[`<ResetIdentityPanel /> should display the 'sync failed' variant correct
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;"
>
<ul
class="_visual-list_1mgc1_8"
class="_visual-list_6zpfn_8"
>
<li
class="_visual-list-item_1nc1y_8"
@@ -369,7 +371,7 @@ exports[`<ResetIdentityPanel /> should display the 'sync failed' variant correct
exports[`<ResetIdentityPanel /> should reset the encryption when the continue button is clicked 1`] = `
<DocumentFragment>
<nav
class="_breadcrumb_1xygz_8"
class="_breadcrumb_t96w3_8"
>
<button
aria-label="Back"
@@ -397,13 +399,13 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
</div>
</button>
<ol
class="_pages_1xygz_17"
class="_pages_t96w3_17"
>
<li>
<a
class="_link_1v5rz_8"
class="_link_k9ljz_8"
data-kind="primary"
data-size="small"
data-size="sm"
rel="noreferrer noopener"
role="button"
tabindex="0"
@@ -414,7 +416,7 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
<li>
<span
aria-current="page"
class="_last-page_1xygz_30"
class="_last-page_t96w3_30"
>
Reset encryption
</span>
@@ -428,8 +430,9 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
class="mx_EncryptionCard_header"
>
<div
class="_content_1r8kr_8 _destructive_1r8kr_34"
data-size="large"
class="_big-icon_1ssbv_8"
data-kind="critical"
data-size="lg"
>
<svg
fill="currentColor"
@@ -454,7 +457,7 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
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;"
>
<ul
class="_visual-list_1mgc1_8"
class="_visual-list_6zpfn_8"
>
<li
class="_visual-list-item_1nc1y_8"
@@ -555,7 +558,7 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
exports[`<ResetIdentityPanel /> should reset the encryption when the continue button is clicked 2`] = `
<DocumentFragment>
<nav
class="_breadcrumb_1xygz_8"
class="_breadcrumb_t96w3_8"
>
<button
aria-label="Back"
@@ -583,13 +586,13 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
</div>
</button>
<ol
class="_pages_1xygz_17"
class="_pages_t96w3_17"
>
<li>
<a
class="_link_1v5rz_8"
class="_link_k9ljz_8"
data-kind="primary"
data-size="small"
data-size="sm"
rel="noreferrer noopener"
role="button"
tabindex="0"
@@ -600,7 +603,7 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
<li>
<span
aria-current="page"
class="_last-page_1xygz_30"
class="_last-page_t96w3_30"
>
Reset encryption
</span>
@@ -614,8 +617,9 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
class="mx_EncryptionCard_header"
>
<div
class="_content_1r8kr_8 _destructive_1r8kr_34"
data-size="large"
class="_big-icon_1ssbv_8"
data-kind="critical"
data-size="lg"
>
<svg
fill="currentColor"
@@ -640,7 +644,7 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
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;"
>
<ul
class="_visual-list_1mgc1_8"
class="_visual-list_6zpfn_8"
>
<li
class="_visual-list-item_1nc1y_8"