[GH-3959] implement Option to "Create New Category" under the "Move To..." option in the sidebar

[cannalee90]

Summary

I just implement option to create new category under the option in the sidebar

please look through the last commit about moving board to newly created category

I'm not it is right way to do but I have no idea how to get category id that I just created

Ticket Link

Fixes #3959

[mattermod]

Hello @cannalee90,

Thanks for your pull request! A Core Committer will review your pull request soon. For code contributions, you can learn more about the review process here.

[jespino]

This is looking great, some guidenace around how to get properly the new created category id.

[cannalee90]

@jespino I apply your review! thanks a lot

[cannalee90]

I applied your review. @jespino and feel free to talk to me anything you bother you.

[harshilsharma63]

@cannalee90 this is awesome! It works so well! Could you please add some unit tests for this? Everything else looks fantastic!

[harshilsharma63]

The code looks awesome! Could you add some unit tests?

[jespino]

A tiny detail, and as @harshilsharma63 suggested, would be great to have some unit tests for this. But for me the code is ready (apart from the little suggestion on parameter name).

[jespino]

Now Is ready for me, still waiting for the unit tests requested from @harshilsharma63

[cannalee90]

Ill try my best!

[cannalee90]

@harshilsharma63 @jespino

I'm trying to add some unit test in sidebarBoarItem.test.tsx but have problem updating snapshot for showing nested menu. Would you help me on this? Here is What I wrote

    test('should have create category item', () => {
        const mockStore = configureStore([])
        const store = mockStore({...state})

        const component = wrapIntl(
            <ReduxProvider store={store}>
                <Router history={history}>
                    <SidebarBoardItem
                        categoryBoards={categoryBoards1}
                        board={board}
                        allCategories={allCategoryBoards}
                        isActive={true}
                        showBoard={jest.fn()}
                        showView={jest.fn()}
                        onDeleteRequest={jest.fn()}
                    />
                </Router>
            </ReduxProvider>,
        )
        const {container} = render(component)
        const elementMenuWrapper = container.querySelector('.SidebarBoardItem div.MenuWrapper')
        expect(elementMenuWrapper).not.toBeNull()
        act(() => {
            userEvent.click(elementMenuWrapper!)
        })
        act(() => {
            const moveToElement = container.querySelector('#moveBlock')
            userEvent.hover(moveToElement!)
        })
        const createCategoryElem = container.querySelector('#createNewCategory')
        expect(createCategoryElem).not.toBeNull()
        expect(container).toMatchSnapshot()
    })

[cannalee90]

Oh finally I made it! please review for the test @harshilsharma63

[sbishel]

@harshilsharma63 - Please review.

[harshilsharma63]

Awesome! LGTM 👍

[mattermod]

This PR has been automatically labelled "stale" because it hasn't had recent activity.
A core team member will check in on the status of the PR to help with questions.
Thank you for your contribution!