Shun Miyazawa 4 лет назад
Родитель
Сommit
e465a9fa61

+ 2 - 0
packages/app/src/components/Sidebar/SidebarNav.tsx

@@ -35,6 +35,8 @@ const PrimaryItem: FC<PrimaryItemProps> = (props: PrimaryItemProps) => {
 
   const labelForTestId = label.toLowerCase().replace(' ', '-');
 
+  console.log(labelForTestId, 'ああああ');
+
   return (
     <button
       type="button"

+ 6 - 4
packages/app/src/components/Sidebar/Tag.tsx

@@ -1,11 +1,13 @@
 import React, { FC, useState, useCallback } from 'react';
+
 import { useTranslation } from 'react-i18next';
 
-import TagList from '../TagList';
+import { ITagCountHasId } from '~/interfaces/tag';
+import { useSWRxTagsList } from '~/stores/tag';
+
 import TagCloudBox from '../TagCloudBox';
+import TagList from '../TagList';
 
-import { useSWRxTagsList } from '~/stores/tag';
-import { ITagCountHasId } from '~/interfaces/tag';
 
 const LIMIT = 10;
 
@@ -30,7 +32,7 @@ const Tag: FC = () => {
 
   // todo: adjust design by XD
   return (
-    <div className="grw-container-convertible px-4 mb-5 pb-5">
+    <div className="grw-container-convertible px-4 mb-5 pb-5" data-testid="grw-sidebar-content-tags">
       <div className="grw-sidebar-content-header py-3 d-flex">
         <h3 className="mb-0">{t('Tags')}</h3>
         <button

+ 6 - 3
packages/app/src/components/TagList.tsx

@@ -1,10 +1,13 @@
 import React, {
   FC, useCallback,
 } from 'react';
+
 import { useTranslation } from 'react-i18next';
-import PaginationWrapper from './PaginationWrapper';
+
 import { ITagCountHasId } from '~/interfaces/tag';
 
+import PaginationWrapper from './PaginationWrapper';
+
 type TagListProps = {
   tagData: ITagCountHasId[],
   totalTags: number,
@@ -47,7 +50,7 @@ const TagList: FC<TagListProps> = (props:(TagListProps & typeof defaultProps)) =
   }
 
   return (
-    <>
+    <div data-testid="grw-tags-list">
       <ul className="list-group text-left mb-4">
         {generateTagList(tagData)}
       </ul>
@@ -63,7 +66,7 @@ const TagList: FC<TagListProps> = (props:(TagListProps & typeof defaultProps)) =
         />
       )
       }
-    </>
+    </div>
   );
 
 };