表示名の実装

Author: takecchi

package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "build": "tsc -p tsconfig.build.json",
     "test": "jest",
-    "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx,css,scss,html}\"",
+    "format": "prettier --write \"**/*.{js,jsx,ts,tsx,css,scss,html}\"",
     "prepare": "husky install",
     "lint-staged": "lint-staged"
   },

src/index.ts

@@ -0,0 +1 @@
+export * from './util/index';

src/util/index.ts

@@ -0,0 +1,3 @@
+export * from './isValidDisplayname';
+export * from './isValidEmail';
+export * from './isValidUsername';

src/util/isValidDisplayname.ts

@@ -0,0 +1,7 @@
+/**
+ * ユーザー名の検証
+ * @param username
+ */
+export default function isValidDisplayname(username: string) {
+  return username.length >= 1 && username.length <= 50;
+}

test/util/isValidDisplayname.test.ts

@@ -0,0 +1,19 @@
+import isValidDisplayname from '@/util/isValidDisplayname';
+
+describe('isValidDisplayname', () => {
+  it('有効な表示名の場合はtrueを返す', () => {
+    expect(isValidDisplayname('ククルス')).toBe(true);
+    expect(isValidDisplayname('Hello, World!')).toBe(true);
+    expect(isValidDisplayname('あ'.repeat(50))).toBe(true);
+    expect(isValidDisplayname('A'.repeat(50))).toBe(true);
+  });
+
+  it('空白には出来ません', () => {
+    expect(isValidDisplayname('')).toBe(false);
+  });
+
+  it('50文字を超えるユーザー名の場合はfalseを返す', () => {
+    expect(isValidDisplayname('A'.repeat(51))).toBe(false);
+    expect(isValidDisplayname('あ'.repeat(51))).toBe(false);
+  });
+});

test/util/isValidEmail.test.ts

@@ -6,11 +6,7 @@ describe('isValidEmail', () => {
   });
 
   it('150文字以上', () => {
-    let prefix = '';
-    for (let i = 0; i < 150; i++) {
-      prefix += 'A';
-    }
-    expect(isValidEmail(`@example.com`)).toBe(false);
+    expect(isValidEmail(`${'A'.repeat(150)}@example.com`)).toBe(false);
   });
 
   it('エイリアスが使用可能', () => {