mattermost/webapp/channels/src/components/signup/__snapshots__/signup.test.tsx.snap
sabril dab04576a1
Some checks are pending
API / build (push) Waiting to run
Server CI / Compute Go Version (push) Waiting to run
Server CI / Check mocks (push) Blocked by required conditions
Server CI / Check go mod tidy (push) Blocked by required conditions
Server CI / check-style (push) Blocked by required conditions
Server CI / Check serialization methods for hot structs (push) Blocked by required conditions
Server CI / Vet API (push) Blocked by required conditions
Server CI / Check migration files (push) Blocked by required conditions
Server CI / Generate email templates (push) Blocked by required conditions
Server CI / Check store layers (push) Blocked by required conditions
Server CI / Check mmctl docs (push) Blocked by required conditions
Server CI / Postgres with binary parameters (push) Blocked by required conditions
Server CI / Postgres (push) Blocked by required conditions
Server CI / Postgres (FIPS) (push) Blocked by required conditions
Server CI / Generate Test Coverage (push) Blocked by required conditions
Server CI / Run mmctl tests (push) Blocked by required conditions
Server CI / Run mmctl tests (FIPS) (push) Blocked by required conditions
Server CI / Build mattermost server app (push) Blocked by required conditions
Web App CI / check-lint (push) Waiting to run
Web App CI / check-i18n (push) Blocked by required conditions
Web App CI / check-types (push) Blocked by required conditions
Web App CI / test (platform) (push) Blocked by required conditions
Web App CI / test (mattermost-redux) (push) Blocked by required conditions
Web App CI / test (channels shard 1/4) (push) Blocked by required conditions
Web App CI / test (channels shard 2/4) (push) Blocked by required conditions
Web App CI / test (channels shard 3/4) (push) Blocked by required conditions
Web App CI / test (channels shard 4/4) (push) Blocked by required conditions
Web App CI / upload-coverage (push) Blocked by required conditions
Web App CI / build (push) Blocked by required conditions
MM-66972 Upgrade to node 24 and main dependencies with babel, webpack and jest (#34760)
* chore: upgrade to node 24 and dependencies mainly with babel, webpack and jest

* fix components tests, make trial modal passed on all node 20-24

* fix cache for platform packages

* updated test

---------

Co-authored-by: Mattermost Build <build@mattermost.com>
2026-01-14 13:14:01 +08:00

449 lines
13 KiB
Text
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
exports[`components/signup/Signup should match snapshot for all signup options enabled with EnableUserCreaton disabled 1`] = `
<div
className="signup-body"
>
<div
className="signup-body-content"
>
<div
className="signup-body-message with-alternate-link"
>
<h1
className="signup-body-message-title"
>
Lets get started
</h1>
<p
className="signup-body-message-subtitle"
>
Create your Mattermost account to start collaborating with your team
</p>
</div>
<div
className="signup-body-action"
>
<AlternateLink
alternateLinkLabel="Log in"
alternateLinkPath="/login"
alternateMessage="Already have an account?"
className="signup-body-alternate-link"
/>
<div
className="signup-body-card"
>
<div
className="signup-body-card-content"
>
<h2
className="signup-body-card-title"
>
Create your account with one of the following:
</h2>
<div
className="signup-body-card-form-login-options column"
>
<ExternalLoginButton
direction="column"
icon={<LockIcon />}
id="ldap"
key="ldap"
label="AD/LDAP Credentials"
onClick={[Function]}
url="/login?extra=create_ldap"
/>
<ExternalLoginButton
direction="column"
icon={<LockIcon />}
id="saml"
key="saml"
label="SAML"
onClick={[Function]}
url="/login/sso/saml?action=signup"
/>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`components/signup/Signup should match snapshot for all signup options enabled with isLicensed disabled 1`] = `
<div
className="signup-body"
>
<div
className="signup-body-content"
>
<div
className="signup-body-message with-alternate-link"
>
<h1
className="signup-body-message-title"
>
Lets get started
</h1>
<p
className="signup-body-message-subtitle"
>
Create your Mattermost account to start collaborating with your team
</p>
</div>
<div
className="signup-body-action"
>
<AlternateLink
alternateLinkLabel="Log in"
alternateLinkPath="/login"
alternateMessage="Already have an account?"
className="signup-body-alternate-link"
/>
<div
className="signup-body-card"
>
<div
className="signup-body-card-content"
>
<h2
className="signup-body-card-title"
>
Create your account
</h2>
<form
className="signup-body-card-form"
>
<ForwardRef
autoFocus={true}
className="signup-body-card-form-email-input"
customMessage={null}
data-testid="signup-body-card-form-email-input"
disabled={false}
inputSize="large"
name="email"
onChange={[Function]}
placeholder="Email address"
type="text"
value=""
/>
<ForwardRef
autoFocus={false}
className="signup-body-card-form-name-input"
customMessage={
Object {
"type": "info",
"value": "You can use lowercase letters, numbers, periods, dashes, and underscores.",
}
}
data-testid="signup-body-card-form-name-input"
disabled={false}
inputSize="large"
name="name"
onChange={[Function]}
placeholder="Choose a Username"
type="text"
value=""
/>
<ForwardRef
className="signup-body-card-form-password-input"
createMode={true}
data-testid="signup-body-card-form-password-input"
disabled={false}
error=""
info="Your password must be 5-72 characters long."
inputSize="large"
onChange={[Function]}
value=""
/>
<div
className="newsletter"
>
<span
className="interested"
>
Interested in receiving Mattermost security, product, promotions, and company updates updates via newsletter?
</span>
<span
className="link"
>
Sign up at
<ForwardRef
href="https://mattermost.com/security-updates/"
key="1/.1"
location="signup"
>
https://mattermost.com/security-updates/
</ForwardRef>
.
</span>
</div>
<SaveButton
defaultMessage="Create account"
disabled={true}
extraClasses="signup-body-card-form-button-submit large"
onClick={[Function]}
saving={false}
savingMessage="Creating account…"
/>
</form>
<div
className="signup-body-card-form-divider"
>
<span
className="signup-body-card-form-divider-label"
>
or create an account with
</span>
</div>
<div
className="signup-body-card-form-login-options"
>
<ExternalLoginButton
icon={<LoginGitlabIcon />}
id="gitlab"
key="gitlab"
label="GitLab"
onClick={[Function]}
style={
Object {
"borderColor": "",
"color": "",
}
}
url="/oauth/gitlab/signup"
/>
</div>
<p
className="signup-body-card-agreement"
>
<MemoizedFormattedMessage
defaultMessage="By proceeding to create your account and use {siteName}, you agree to our <termsOfUseLink>Terms of Use</termsOfUseLink> and <privacyPolicyLink>Privacy Policy</privacyPolicyLink>. If you do not agree, you cannot use {siteName}."
id="signup.agreement"
values={
Object {
"privacyPolicyLink": [Function],
"siteName": "Mattermost",
"termsOfUseLink": [Function],
}
}
/>
</p>
</div>
</div>
</div>
</div>
</div>
`;
exports[`components/signup/Signup should match snapshot for all signup options enabled with isLicensed enabled 1`] = `
<div
className="signup-body"
>
<div
className="signup-body-content"
>
<div
className="signup-body-message with-alternate-link"
>
<h1
className="signup-body-message-title"
>
Lets get started
</h1>
<p
className="signup-body-message-subtitle"
>
Create your Mattermost account to start collaborating with your team
</p>
</div>
<div
className="signup-body-action"
>
<AlternateLink
alternateLinkLabel="Log in"
alternateLinkPath="/login"
alternateMessage="Already have an account?"
className="signup-body-alternate-link"
/>
<div
className="signup-body-card"
>
<div
className="signup-body-card-content"
>
<h2
className="signup-body-card-title"
>
Create your account
</h2>
<form
className="signup-body-card-form"
>
<ForwardRef
autoFocus={true}
className="signup-body-card-form-email-input"
customMessage={null}
data-testid="signup-body-card-form-email-input"
disabled={false}
inputSize="large"
name="email"
onChange={[Function]}
placeholder="Email address"
type="text"
value=""
/>
<ForwardRef
autoFocus={false}
className="signup-body-card-form-name-input"
customMessage={
Object {
"type": "info",
"value": "You can use lowercase letters, numbers, periods, dashes, and underscores.",
}
}
data-testid="signup-body-card-form-name-input"
disabled={false}
inputSize="large"
name="name"
onChange={[Function]}
placeholder="Choose a Username"
type="text"
value=""
/>
<ForwardRef
className="signup-body-card-form-password-input"
createMode={true}
data-testid="signup-body-card-form-password-input"
disabled={false}
error=""
info="Your password must be 5-72 characters long."
inputSize="large"
onChange={[Function]}
value=""
/>
<div
className="newsletter"
>
<span
className="interested"
>
Interested in receiving Mattermost security, product, promotions, and company updates updates via newsletter?
</span>
<span
className="link"
>
Sign up at
<ForwardRef
href="https://mattermost.com/security-updates/"
key="1/.1"
location="signup"
>
https://mattermost.com/security-updates/
</ForwardRef>
.
</span>
</div>
<SaveButton
defaultMessage="Create account"
disabled={true}
extraClasses="signup-body-card-form-button-submit large"
onClick={[Function]}
saving={false}
savingMessage="Creating account…"
/>
</form>
<div
className="signup-body-card-form-divider"
>
<span
className="signup-body-card-form-divider-label"
>
or create an account with
</span>
</div>
<div
className="signup-body-card-form-login-options"
>
<ExternalLoginButton
icon={<LoginGitlabIcon />}
id="gitlab"
key="gitlab"
label="GitLab"
onClick={[Function]}
style={
Object {
"borderColor": "",
"color": "",
}
}
url="/oauth/gitlab/signup"
/>
<ExternalLoginButton
icon={<LoginGoggleIcon />}
id="google"
key="google"
label="Google"
onClick={[Function]}
url="/oauth/google/signup"
/>
<ExternalLoginButton
icon={<EntraIdIcon />}
id="office365"
key="office365"
label="Entra ID"
onClick={[Function]}
url="/oauth/office365/signup"
/>
<ExternalLoginButton
icon={<LoginOpenIdIcon />}
id="openid"
key="openid"
label="Open ID"
onClick={[Function]}
style={
Object {
"borderColor": "",
"color": "",
}
}
url="/oauth/openid/signup"
/>
<ExternalLoginButton
icon={<LockIcon />}
id="ldap"
key="ldap"
label="AD/LDAP Credentials"
onClick={[Function]}
url="/login?extra=create_ldap"
/>
<ExternalLoginButton
icon={<LockIcon />}
id="saml"
key="saml"
label="SAML"
onClick={[Function]}
url="/login/sso/saml?action=signup"
/>
</div>
<p
className="signup-body-card-agreement"
>
<MemoizedFormattedMessage
defaultMessage="By proceeding to create your account and use {siteName}, you agree to our <termsOfUseLink>Terms of Use</termsOfUseLink> and <privacyPolicyLink>Privacy Policy</privacyPolicyLink>. If you do not agree, you cannot use {siteName}."
id="signup.agreement"
values={
Object {
"privacyPolicyLink": [Function],
"siteName": "Mattermost",
"termsOfUseLink": [Function],
}
}
/>
</p>
</div>
</div>
</div>
</div>
</div>
`;