chore: fix e2e test for package list

src/webui/components/Package/index.js

@@ -143,9 +143,9 @@ const Package = ({
   };
 
   return (
-    <PackageList>
+    <PackageList className={'package'}>
       <ListItem alignItems={'flex-start'}>
-        <PackageListItemText component={'div'} primary={renderPrimaryComponent()} secondary={renderSecondaryComponent()} />
+        <PackageListItemText className={'package-link'} component={'div'} primary={renderPrimaryComponent()} secondary={renderSecondaryComponent()} />
       </ListItem>
       <PackageListItem alignItems={'flex-start'}>
         {renderAuthorInfo()}

test/e2e/e2e.spec.js

@@ -22,7 +22,7 @@ describe('/ (Verdaccio Page)', () => {
   };
 
   const getPackages = async function() {
-    return await page.$$('.package-list-items .package');
+    return await page.$$('.package-list-items .package-link a');
   };
 
   const logIn = async function() {
@@ -131,7 +131,6 @@ describe('/ (Verdaccio Page)', () => {
   test('should navigate to the package detail', async () => {
     const packagesList = await getPackages();
     const firstPackage = packagesList[0];
-    await firstPackage.focus();
     await firstPackage.click({ clickCount: 1, delay: 200 });
     await page.waitFor(1000);
     const readmeText = await page.evaluate(() => document.querySelector('.markdown-body').textContent);