add test for checkboxes behaviors

packages/app/src/components/PageList/PageListItemL.tsx

@@ -99,8 +99,8 @@ const PageListItemLSubstance: ForwardRefRenderFunction<ISelectable, Props> = (pr
             <div className="d-flex align-items-center justify-content-center pl-md-2 pl-3">
               <CustomInput
                 type="checkbox"
-                id={`cbDelete-${pageData._id}`}
-                data-testid="cbDelete"
+                id={`cbSelect-${pageData._id}`}
+                data-testid="cb-select"
                 innerRef={inputRef}
                 onChange={(e) => { onCheckboxChanged(e.target.checked, pageData._id) }}
               />

packages/app/src/components/SearchPage/OperateAllControl.tsx

@@ -58,6 +58,7 @@ const OperateAllControlSubstance: ForwardRefRenderFunction<ISelectableAndIndeter
       <CustomInput
         type="checkbox"
         id="cb-check-all"
+        data-testid="cb-select-all"
         innerRef={selectAllCheckboxElm}
         disabled={isCheckboxDisabled}
         onChange={checkboxChangedHandler}

packages/app/test/cypress/integration/3-search/access-to-result-page-directly.spec.ts

@@ -29,10 +29,20 @@ context('Access to search result page directly', () => {
   it('checkboxes behaviors', () => {
     cy.visit('/_search', { qs: { q: 'sandbox headers blockquotes' } });
 
-    cy.get('[data-testid=cbDelete]').first().click({force: true});
+    cy.getByTestid('cb-select').first().click({force: true});
     cy.screenshot(`${ssPrefix}-the-first-checkbox-on`, { capture: 'viewport' });
-    cy.get('[data-testid=cbDelete]').first().click({force: true});
+    cy.getByTestid('cb-select').first().click({force: true});
     cy.screenshot(`${ssPrefix}-the-first-checkbox-off`, { capture: 'viewport' });
+
+    // click select all checkbox
+    cy.getByTestid('cb-select-all').click({force: true});
+    cy.screenshot(`${ssPrefix}-the-select-all-checkbox-1`, { capture: 'viewport' });
+    cy.getByTestid('cb-select').first().click({force: true});
+    cy.screenshot(`${ssPrefix}-the-select-all-checkbox-2`, { capture: 'viewport' });
+    cy.getByTestid('cb-select').first().click({force: true});
+    cy.screenshot(`${ssPrefix}-the-select-all-checkbox-3`, { capture: 'viewport' });
+    cy.getByTestid('cb-select-all').click({force: true});
+    cy.screenshot(`${ssPrefix}-the-select-all-checkbox-4`, { capture: 'viewport' });
   });
 
 });