added some hompage tests

Author: Tim van Ekert

lib/public/views/Tags/Overview/index.js

@@ -22,11 +22,13 @@ const ACTIVE_COLUMNS = {
         visible: true,
         size: 'cell-l',
         primary: true,
+        sortable: true,
     },
     text: {
         name: 'Name',
         visible: true,
         size: 'cell-l',
+        sortable: true,
     },
 };
 

test/public/logs/overview.test.js

@@ -41,7 +41,7 @@ module.exports = () => {
     });
 
     it('loads the page successfully', async () => {
-        const response = await page.goto(url, { waitUntil: 'networkidle0' });
+        const response = await page.goto(`${url}?page=log-overview`, { waitUntil: 'networkidle0' });
 
         // We expect the page to return the correct status code, making sure the server is running properly
         expect(response.status()).to.equal(200);
@@ -52,8 +52,6 @@ module.exports = () => {
     });
 
     it('can filter by log title', async () => {
-        goToPage(page, 'log-overview');
-        await page.waitForTimeout(500);
         // Expect the page to have loaded enough rows to be able to test the filtering
         const originalRows = await page.$$('table tr');
         originalNumberOfRows = originalRows.length - 1;
@@ -96,8 +94,6 @@ module.exports = () => {
     });
 
     it('can filter by log author', async () => {
-        goToPage(page, 'log-overview');
-        await page.waitForTimeout(500);
         // Expect the page to have loaded enough rows to be able to test the filtering
         const originalRows = await page.$$('table tr');
         originalNumberOfRows = originalRows.length - 1;
@@ -137,8 +133,6 @@ module.exports = () => {
 
     it('can filter by creation date', async () => {
         await page.waitForTimeout(200);
-        goToPage(page, 'log-overview');
-        await page.waitForTimeout(500);
 
         // Insert a minimum date into the filter
         await page.focus('#createdFilterFrom');
@@ -183,8 +177,6 @@ module.exports = () => {
 
     it('can filter by tags', async () => {
         await page.waitForTimeout(200);
-        goToPage(page, 'log-overview');
-        await page.waitForTimeout(500);
 
         // Select the first available filter and wait for the changes to be processed
         const firstCheckboxId = 'tagCheckbox1';
@@ -234,9 +226,6 @@ module.exports = () => {
     });
 
     it('can show and hide extra tags if available', async () => {
-        goToPage(page, 'log-overview');
-        await page.waitForTimeout(500);
-
         const TAGS_LIMIT = 5;
         const buttonId = '#toggleMoreTags';
 
@@ -265,9 +254,6 @@ module.exports = () => {
     });
 
     it('can sort by columns in ascending and descending manners', async () => {
-        goToPage(page, 'log-overview');
-        await page.waitForTimeout(500);
-
         // Expect a sorting preview to appear when hovering over a column header
         await page.hover('th#title');
         await page.waitForTimeout(100);
@@ -325,9 +311,6 @@ module.exports = () => {
     });
 
     it('shows correct datatypes in respective columns', async () => {
-        goToPage(page, 'log-overview');
-        await page.waitForTimeout(500);
-
         table = await page.$$('tr');
         firstRowId = await getFirstRow(table, page);
 
@@ -363,9 +346,6 @@ module.exports = () => {
     });
 
     it('can switch to infinite mode in amountSelector', async () => {
-        goToPage(page, 'log-overview');
-        await page.waitForTimeout(500);
-
         const amountSelectorButton = await page.$('#amountSelector button');
 
         // Expect the dropdown options to be visible when it is selected
@@ -391,9 +371,6 @@ module.exports = () => {
     });
 
     it('can set how many logs are available per page', async () => {
-        goToPage(page, 'log-overview');
-        await page.waitForTimeout(500);
-
         await page.waitForTimeout(500);
         // Expect the amount selector to currently be set to Infinite (after the previous test)
         const amountSelectorId = '#amountSelector';
@@ -418,9 +395,6 @@ module.exports = () => {
     });
 
     it('can switch between pages of logs', async () => {
-        goToPage(page, 'log-overview');
-        await page.waitForTimeout(500);
-
         // Expect the page selector to be available with two pages
         await page.waitForTimeout(300);
         const pageSelectorId = '#amountSelector';
@@ -458,9 +432,6 @@ module.exports = () => {
     });
 
     it('dynamically switches between visible pages in the page selector', async () => {
-        goToPage(page, 'log-overview');
-        await page.waitForTimeout(500);
-
         // Override the amount of logs visible per page manually
         await page.evaluate(() => {
             // eslint-disable-next-line no-undef