Merge pull request #13 from ls1intum/8-test-use-global-search-to-find-text-in-a-file

Dev: Add first search tests

Author: tobikli

pages/ide/components/MenuBar.ts

@@ -56,4 +56,16 @@ export class MenuBar extends BaseComponent {
     async pressRedo(): Promise<void> {
         await this.clickMenuItem('Edit', 'Redo');
     }
+
+    async pressFind(): Promise<void> {
+        await this.clickMenuItemNth('Edit', 'Find',0);
+    }
+
+    async pressFindAll(): Promise<void> {
+        await this.clickMenuItem('Edit', 'Find in Files');
+    }
+
+    async pressReplace(): Promise<void> {
+        await this.clickMenuItem('Edit', 'Replace');
+    }
 } 

pages/ide/components/SideBar.ts

@@ -49,7 +49,14 @@ export class SideBar extends BaseComponent {
     // Start of Search Section
 
     async openSearch(): Promise<void> {
-        await this.pagePart.locator('#shell-tab-search-view-container').click();
+        if (await this.pagePart.locator('.theia-sidepanel-title').getByText('SEARCH').isHidden()) {
+            await this.pagePart.locator('#shell-tab-search-view-container').click();
+        }
+    }
+
+    async searchForText(text: string): Promise<void> {
+        await this.page.locator('#theia-left-content-panel').locator('.search-field-container').locator('#search-input-field').fill(text);
+        await this.page.keyboard.press('Enter');
     }
 
     // End of Search Section

tests/ide/Search.ide.spec.ts

@@ -0,0 +1,66 @@
+import { test, expect } from '../fixtures/ide.fixture';
+import { uniqueWords10, uniqueWords20, uniqueWords30 } from '../../utils/example-texts/lorem-ipsum';
+import { get } from 'http';
+
+/**
+ * @description This test suite is used to test the search functionality of the IDE.
+ */
+
+const testPrefix = 'Search-';
+
+test.describe('IDE Search Tests', () => {
+
+    test('Search for text in a file', async ({ idePage }) => {
+        const fileName = testPrefix + 'Test1';
+        const word = getRandomWord(uniqueWords10) ?? 'Technology';
+        await idePage.createFileWithContent(fileName, uniqueWords10);
+        await idePage.menuBar.pressFind();
+        await expect(idePage.editor.pagePart.locator('.editor-widget').locator('.input').first()).toBeVisible();
+        await idePage.page.keyboard.type(word);
+        await expect(idePage.editor.pagePart.locator('.editor-widget').getByText('1 of 1')).toBeVisible
+    });
+
+    test('Search for text globally', async ({ idePage }) => { 
+        const fileName = testPrefix + 'Test2';
+        const word = getRandomWord(uniqueWords20) ?? 'Artificial';
+        await idePage.createFileWithContent(fileName, uniqueWords20);
+        await idePage.sideBar.openSearch();
+        await expect(idePage.sideBar.pagePart.locator('.theia-sidepanel-title').getByText('SEARCH')).toBeVisible();
+        await idePage.sideBar.searchForText(word);
+        await idePage.sideBar.pagePart.locator('.resultContainer').getByText(word).isVisible();
+    });
+
+    test('Search for text globally in multiple files', async ({ idePage }) => { 
+        const fileName1 = testPrefix + 'Test30';
+        const fileName2 = testPrefix + 'Test31';
+        const word = getRandomWord(uniqueWords30) ?? 'Software';
+        await idePage.createFileWithContent(fileName1, uniqueWords30);
+        await idePage.createFileWithContent(fileName2, uniqueWords30);
+        await idePage.sideBar.openSearch();
+        await expect(idePage.sideBar.pagePart.locator('.theia-sidepanel-title').getByText('SEARCH')).toBeVisible();
+        await idePage.sideBar.searchForText(word);
+        const occurences = await idePage.sideBar.pagePart.locator('.resultContainer').getByText(word).all();
+        expect(occurences.length).toBe(2);
+        });
+
+    test.afterAll(async ({ idePage }) => {
+        await new Promise(resolve => setTimeout(resolve, 1000));
+        await idePage.executeInTerminal(`rm -rf ${testPrefix}*`);
+    });
+});
+
+
+// Utility Functions
+
+/**
+ * @description Get a random word from a text
+ * @param text - The text to get a random word from
+ * @returns A random word from the text
+ */
+function getRandomWord(text: string): string | null {
+    const words = text.trim().split(/\s+/);
+    if (words.length === 0) return null;
+  
+    const randomIndex = Math.floor(Math.random() * words.length);
+    return words[randomIndex];
+  }

utils/example-texts/lorem-ipsum.ts

@@ -0,0 +1,16 @@
+export const loremIpsum50 = `Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.`;
+
+export const loremIpsum100 = `Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.`;
+
+export const loremIpsum500 = `Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.  
+Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.  
+Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.  
+Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.  
+Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.   
+At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam`;
+
+export const uniqueWords10 = `Technology advances rapidly transforming digital landscapes while innovative solutions emerge`;
+
+export const uniqueWords20 = `Artificial intelligence reshapes modern business operations through sophisticated algorithms. Cloud computing enables scalable infrastructure development across global networks. Cybersecurity experts`
+
+export const uniqueWords30 = `Software engineers design efficient systems integrating diverse components. Mobile applications revolutionize user experiences creating seamless interactions. Quantum computing promises unprecedented computational power exploring new possibilities. Blockchain technology ensures transparent secure.`