Add message block tests

lib/component/message.ts

@@ -4,7 +4,7 @@ import InfoMessageBlock from "./message/InfoMessageBlock";
 import LightMessageBlock from "./message/LightMessageBlock";
 import MessageBlock from "./message/MessageBlock";
 import MoltenMessageBlock from "./message/MoltenMessageBlock";
-import PrimaryMessageBlock from "./message/PrimaryMessagteBlock";
+import PrimaryMessageBlock from "./message/PrimaryMessageBlock";
 import SecondaryMessageBlock from "./message/SecondaryMessageBlock";
 import SuccessMessageBlock from "./message/SuccessMessageBlock";
 import TertiaryMessageBlock from "./message/TertiaryMessageBlock";

lib/component/message/DangerMessageBlock.tsx

@@ -12,6 +12,7 @@ export default function DangerMessageBlock(props: MessageBlockProps){
 
 	return (
 		<MessageBlock
+			data-testid="mattrixwv-danger-message-block"
 			{...messageProps}
 			className={clsx(
 				className,

lib/component/message/DarkMessageBlock.tsx

@@ -12,6 +12,7 @@ export default function DarkMessageBlock(props: MessageBlockProps){
 
 	return (
 		<MessageBlock
+			data-testid="mattrixwv-dark-message-block"
 			{...messageProps}
 			className={clsx(
 				className,

lib/component/message/InfoMessageBlock.tsx

@@ -12,6 +12,7 @@ export default function InfoMessageBlock(props: MessageBlockProps){
 
 	return (
 		<MessageBlock
+			data-testid="mattrixwv-info-message-block"
 			{...messageProps}
 			className={clsx(
 				className,

lib/component/message/LightMessageBlock.tsx

@@ -12,6 +12,7 @@ export default function LightMessageBlock(props: MessageBlockProps){
 
 	return (
 		<MessageBlock
+			data-testid="mattrixwv-light-message-block"
 			{...messageProps}
 			className={clsx(
 				className,

lib/component/message/MessageBlock.tsx

@@ -13,24 +13,26 @@ export default function MessageBlock(props: MessageBlockProps){
 
 	return (
 		<div
+			data-testid="mattrixwv-message-block"
 			{...messageProps}
 			className={clsx(
 				className,
 				"px-4 py-2",
 				{
 					"border-0": outline === "none",
-					"border-1": outline === "sm",
+					"border": outline === "sm",
 					"border-2": outline === "md",
 					"border-3": outline === "lg"
 				},
 				{
 					"rounded-none": rounded === "none",
 					"rounded-xs": rounded === "xs",
-					"rounded": rounded === "md",
+					"rounded-sm": rounded === "sm",
+					"rounded-md": rounded === "md",
 					"rounded-lg": rounded === "lg",
 					"rounded-xl": rounded === "xl"
 				}
 			)}
 		/>
 	);
-}
+}

lib/component/message/MoltenMessageBlock.tsx

@@ -12,6 +12,7 @@ export default function MoltenMessageBlock(props: MessageBlockProps){
 
 	return (
 		<MessageBlock
+			data-testid="mattrixwv-molten-message-block"
 			{...messageProps}
 			className={clsx(
 				className,

lib/component/message/PrimaryMessageBlock.tsx

@@ -12,6 +12,7 @@ export default function PrimaryMessageBlock(props: MessageBlockProps){
 
 	return (
 		<MessageBlock
+			data-testid="mattrixwv-primary-message-block"
 			{...messageProps}
 			className={clsx(
 				className,

lib/component/message/SecondaryMessageBlock.tsx

@@ -12,6 +12,7 @@ export default function SecondaryMessageBlock(props: MessageBlockProps){
 
 	return (
 		<MessageBlock
+			data-testid="mattrixwv-secondary-message-block"
 			{...messageProps}
 			className={clsx(
 				className,

lib/component/message/SuccessMessageBlock.tsx

@@ -12,6 +12,7 @@ export default function SuccessMessageBlock(props: MessageBlockProps){
 
 	return (
 		<MessageBlock
+			data-testid="mattrixwv-success-message-block"
 			{...messageProps}
 			className={clsx(
 				className,

lib/component/message/TertiaryMessageBlock.tsx

@@ -12,6 +12,7 @@ export default function TertiaryMessageBlock(props: MessageBlockProps){
 
 	return (
 		<MessageBlock
+			data-testid="mattrixwv-tertiary-message-block"
 			{...messageProps}
 			className={clsx(
 				className,

lib/component/message/WarningMessageBlock.tsx

@@ -12,6 +12,7 @@ export default function WarningMessageBlock(props: MessageBlockProps){
 
 	return (
 		<MessageBlock
+			data-testid="mattrixwv-warning-message-block"
 			{...messageProps}
 			className={clsx(
 				className,