Show errors correctly (#505)

* fix(dapp): show errors correctly

* fix(sdk): Improve lenght error test

* fix(sdk): Improve lenght error tests

* fix(sdk): Improve lenght error tests

---------

Co-authored-by: Mario Sarcevic <mario.sarcevic@iota.org>

Author: KeitoTadashi

sdk/src/utils.ts

@@ -105,13 +105,13 @@ export function validateIotaName(
     if (!allowSubnames && parts.length > 2) {
         return 'No subnames allowed';
     }
-    if (!NAME_DOT_REGEX.test(name)) {
-        return 'Invalid characters. Only a-z, 0-9, and hyphens (not at the beginning or end) are allowed';
-    }
     for (const part of parts.slice(0, -1)) {
         if (part.length < minLength || part.length > maxLength) {
             return `Name must be ${minLength}-${maxLength} characters long`;
         }
     }
+    if (!NAME_DOT_REGEX.test(name)) {
+        return 'Invalid characters. Only a-z, 0-9, and hyphens (not at the beginning or end) are allowed';
+    }
     return null;
 }

sdk/test/name-validation.test.ts

@@ -105,8 +105,15 @@ describe('Name validation with error', () => {
     });
 
     test('should check the length', () => {
-        expect(validateIotaName('name.iota', 10)).not.toBeNull();
-        expect(validateIotaName('nameeeeeeeeeee.iota', 3, 10)).not.toBeNull();
+        expect(validateIotaName('name.iota', 10)).toEqual('Name must be 10-64 characters long');
+        expect(validateIotaName('nameeeeeeeeeee.iota', 3, 10)).toEqual(
+            'Name must be 3-10 characters long',
+        );
+        expect(
+            validateIotaName(
+                'veryveryveryveryveryveryveryveryveryveryveryverylongnamewithmorethan64chars.iota',
+            ),
+        ).toEqual('Name must be 3-64 characters long');
     });
 
     test('should check the subnames', () => {