Merge branch 'master' of github.com:velopert/velog-client

Author: velopert

src/components/write/PublishSeriesCreate.tsx

@@ -5,6 +5,7 @@ import OutsideClickHandler from 'react-outside-click-handler';
 import Button from '../common/Button';
 import useInputs from '../../lib/hooks/useInputs';
 import { escapeForUrl } from '../../lib/utils';
+import { toast } from 'react-toastify';
 
 const fadeIn = keyframes`
   from {
@@ -147,6 +148,10 @@ const PublishSeriesCreate: React.FC<PublishSeriesCreateProps> = ({
 
   const submit = (e: FormEvent) => {
     e.preventDefault();
+    if (form.name.trim() === '') {
+      toast.error('시리즈 제목이 비어있습니다.');
+      return;
+    }
     onSubmit({
       name: form.name,
       urlSlug: form.urlSlug || defaultUrlSlug,

src/components/write/__tests__/PublishSeriesCreate.test.tsx

@@ -8,6 +8,7 @@ import {
 import PublishSeriesCreate, {
   PublishSeriesCreateProps,
 } from '../PublishSeriesCreate';
+import { toast } from 'react-toastify';
 
 describe('PublishSeriesCreate', () => {
   const setup = (props: Partial<PublishSeriesCreateProps> = {}) => {
@@ -80,6 +81,20 @@ describe('PublishSeriesCreate', () => {
     });
   });
 
+  it('show error toast when called onSubmit with no name', async () => {
+    const onSubmit = jest.fn();
+    toast.error = jest.fn();
+    const { getByText } = setup({ onSubmit });
+    const createSeriesButton = await waitForElement(() =>
+      getByText('시리즈 추가'),
+    );
+    fireEvent.click(createSeriesButton);
+    expect(onSubmit).toHaveBeenCalledWith({
+      name: '',
+    });
+    expect(toast.error).toHaveBeenCalledWith('시리즈 제목이 비어있습니다.');
+  });
+
   it('shows username recevied via props', async () => {
     const { getByPlaceholderText, getByText } = setup({
       username: 'helloworld',