solution

cypress/integration/page.spec.js

@@ -320,7 +320,7 @@ describe('', () => {
         button().should('have.text', 'Choose a user');
       });
 
-      it.skip('should not show users list by default', () => {
+      it('should not show users list by default', () => {
         el().should('not.have.class', 'is-active');
         el().find('.dropdown-menu').should('not.be.visible');
       });
@@ -337,13 +337,13 @@ describe('', () => {
         users().eq(0).should('be.visible');
       });
 
-      it.skip('should have names in the list', () => {
+      it('should have names in the list', () => {
         users().eq(0).should('have.text', 'Leanne Graham');
         users().eq(3).should('have.text', 'Patricia Lebsack');
         users().eq(9).should('have.text', 'Clementina DuBuque');
       });
 
-      it.skip('should close dropdown after selecting a user', () => {
+      it('should close dropdown after selecting a user', () => {
         button().click();
         users().eq(3).click();
 

src/App.tsx

@@ -19,7 +19,7 @@ export const App = () => {
   const [postSelected, setPostSelected] = useState<Post | null>(null);
 
   const [isError, setIsError] = useState(false);
-  const [isLoading, setIsLoadind] = useState(false);
+  const [isLoading, setIsLoading] = useState(false);
   const [isActiveListUsers, setIsActiveListUsers] = useState(false);
 
   useEffect(() => {
@@ -28,7 +28,7 @@ export const App = () => {
     }
 
     setPostSelected(null);
-    setIsLoadind(true);
+    setIsLoading(true);
     const getPostsByUser = async () => {
       try {
         const postsUser = await postsService.getPosts(userSelectedId);
@@ -39,7 +39,7 @@ export const App = () => {
         setIsError(true);
         setPostsByUser([]);
       } finally {
-        setIsLoadind(false);
+        setIsLoading(false);
       }
     };
 

src/components/NewCommentForm.tsx

@@ -33,7 +33,7 @@ export const NewCommentForm: React.FC<Props> = props => {
     setIsLoading(false);
   };
 
-  const validateform = () => {
+  const validateForm = () => {
     setIsNameError(!name.length);
     setIsEmailError(!email.length);
     setIsCommentError(!commentText.length);
@@ -44,7 +44,7 @@ export const NewCommentForm: React.FC<Props> = props => {
   const handleAddComment = async (event: React.FormEvent<HTMLFormElement>) => {
     event.preventDefault();
 
-    if (validateform()) {
+    if (validateForm()) {
       return;
     }