wassname/talk
1
0
Fork 0
mirror of https://github.com/wassname/talk.git synced 2026-07-07 05:04:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

Updated tests

Browse Source
This commit is contained in:
Belén Curcio
2018-09-11 13:09:49 -03:00
parent f7fa1dae23
commit 5a8ce7655c
7 changed files with 341 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/core/client/auth/test/__snapshots__/signIn.spec.tsx.snap
+42 -12
View File
@@ -34,9 +34,14 @@ exports[`accepts correct password 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -175,9 +180,14 @@ exports[`accepts valid email 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -280,9 +290,14 @@ exports[`checks for invalid email 1`] = `
value="invalid-email"
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
Please enter a valid email address.
</span>
@@ -306,9 +321,14 @@ exports[`checks for invalid email 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -526,9 +546,14 @@ exports[`shows error when submitting empty form 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -552,9 +577,14 @@ exports[`shows error when submitting empty form 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
src/core/client/auth/test/__snapshots__/signUp.spec.tsx.snap
+287 -82
View File
@@ -34,9 +34,14 @@ exports[`accepts correct password 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -65,9 +70,14 @@ exports[`accepts correct password 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -114,9 +124,14 @@ exports[`accepts correct password 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -200,9 +215,14 @@ exports[`accepts correct password confirmation 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -231,9 +251,14 @@ exports[`accepts correct password confirmation 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -262,9 +287,14 @@ exports[`accepts correct password confirmation 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -288,9 +318,14 @@ exports[`accepts correct password confirmation 1`] = `
value="testtest"
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
Passwords do not match. Try again.
</span>
@@ -397,9 +432,14 @@ exports[`accepts valid email 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -428,9 +468,14 @@ exports[`accepts valid email 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -454,9 +499,14 @@ exports[`accepts valid email 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -540,9 +590,14 @@ exports[`accepts valid username 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -594,9 +649,14 @@ exports[`accepts valid username 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -620,9 +680,14 @@ exports[`accepts valid username 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -706,9 +771,14 @@ exports[`checks for invalid characters in username 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -737,9 +807,14 @@ exports[`checks for invalid characters in username 1`] = `
value="$%$§$%$§%"
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
Invalid characters. Try again.
</span>
@@ -768,9 +843,14 @@ exports[`checks for invalid characters in username 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -794,9 +874,14 @@ exports[`checks for invalid characters in username 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -880,9 +965,14 @@ exports[`checks for invalid email 1`] = `
value="invalid-email"
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
Please enter a valid email address.
</span>
@@ -911,9 +1001,14 @@ exports[`checks for invalid email 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -942,9 +1037,14 @@ exports[`checks for invalid email 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -968,9 +1068,14 @@ exports[`checks for invalid email 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -1054,9 +1159,14 @@ exports[`checks for too long username 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -1085,9 +1195,14 @@ exports[`checks for too long username 1`] = `
value="aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
Usernames cannot be longer than ⁨20⁩ characters.
</span>
@@ -1116,9 +1231,14 @@ exports[`checks for too long username 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -1142,9 +1262,14 @@ exports[`checks for too long username 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -1228,9 +1353,14 @@ exports[`checks for too short password 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -1259,9 +1389,14 @@ exports[`checks for too short password 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -1290,9 +1425,14 @@ exports[`checks for too short password 1`] = `
value="pass"
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
Password must contain at least ⁨8⁩ characters.
</span>
@@ -1316,9 +1456,14 @@ exports[`checks for too short password 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -1402,9 +1547,14 @@ exports[`checks for too short username 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -1433,9 +1583,14 @@ exports[`checks for too short username 1`] = `
value="u"
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
Username must contain at least ⁨3⁩ characters.
</span>
@@ -1464,9 +1619,14 @@ exports[`checks for too short username 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -1490,9 +1650,14 @@ exports[`checks for too short username 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -1576,9 +1741,14 @@ exports[`checks for wrong password confirmation 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -1607,9 +1777,14 @@ exports[`checks for wrong password confirmation 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -1638,9 +1813,14 @@ exports[`checks for wrong password confirmation 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -1664,9 +1844,14 @@ exports[`checks for wrong password confirmation 1`] = `
value="not-matching"
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
Passwords do not match. Try again.
</span>
@@ -1892,9 +2077,14 @@ exports[`shows error when submitting empty form 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -1923,9 +2113,14 @@ exports[`shows error when submitting empty form 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -1954,9 +2149,14 @@ exports[`shows error when submitting empty form 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
@@ -1980,9 +2180,14 @@ exports[`shows error when submitting empty form 1`] = `
value=""
/>
<div
className="Message-root"
icon="warning"
className="Message-root Message-colorError"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
<span>
This field is required.
</span>
src/core/client/ui/components/Message/Message.spec.tsx
+1 -5
View File
@@ -16,12 +16,8 @@ it("renders correctly", () => {
});
it("renders icon", () => {
const props: PropTypesOf<typeof Message> = {
className: "custom",
};
const renderer = TestRenderer.create(
<Message {...props}>
<Message>
<MessageIcon>alert</MessageIcon>Alert Message
</Message>
);
src/core/client/ui/components/Message/Message.tsx
-3
View File
@@ -1,9 +1,6 @@
import cn from "classnames";
import React, { ReactNode, StatelessComponent } from "react";
import { withStyles } from "talk-ui/hocs";
import Icon from "../Icon";
import * as styles from "./Message.css";
export interface MessageProps {
src/core/client/ui/components/Message/__snapshots__/Message.spec.tsx.snap
+1 -1
View File
@@ -10,7 +10,7 @@ exports[`renders correctly 1`] = `
exports[`renders icon 1`] = `
<div
className="Message-root Message-colorGrey custom"
className="Message-root Message-colorGrey"
>
<span
aria-hidden="true"
src/core/client/ui/components/ValidationMessage/ValidationMessage.tsx
+3 -6
View File
@@ -1,5 +1,6 @@
import React, { ReactNode, StatelessComponent } from "react";
import Message from "../Message";
import MessageIcon from "../Message/MessageIcon";
export interface ValidationMessageProps {
/**
@@ -24,12 +25,8 @@ const ValidationMessage: StatelessComponent<ValidationMessageProps> = props => {
const { className, fullWidth, children, icon, ...rest } = props;
return (
<Message
color="validation"
icon={icon ? icon : "warning"}
className={className}
{...rest}
>
<Message color="error" className={className} {...rest}>
<MessageIcon>warning</MessageIcon>
{children}
</Message>
);
src/core/client/ui/components/ValidationMessage/__snapshots__/ValidationMessage.spec.tsx.snap
+7 -2
View File
@@ -2,9 +2,14 @@
exports[`renders correctly 1`] = `
<div
className="Message-root custom"
icon="warning"
className="Message-root Message-colorError custom"
>
<span
aria-hidden="true"
className="Icon-root MessageIcon-root Icon-sm"
>
warning
</span>
Hello World
</div>
`;