Added more colorful icons as default

main.html

@@ -29,7 +29,7 @@
                 </div>
 
                 <div class="search-results-container" v-if="searchResults.length > 0">
-                    <div :id="searchResult.id" class="search-result" :style="searchResultHeight()" :class="{ 'active' : searchResult.active }"
+                    <div :id="searchResult.id" class="search-result" :style="searchResultStyle()" :class="{ 'active' : searchResult.active }"
                         v-for="(searchResult, searchIndex) in searchResults" v-on:click="handleClick" v-on:mouseenter="handleMouseEnter(searchIndex)">
                         <div class="search-result-icon">
                             <div class="search-result-icon-container" :style="searchResultIconStyle()" :class="{ 'active' : searchResult.active }" v-html="searchResult.icon"></div>
@@ -282,6 +282,11 @@ <h1 class="setting-section-title">User Settings</h1>
                                         <td class="text-center" v-html="config.iconSet.emailIcon"></td>
                                         <td><input class="setting-text-input" type="text" v-model="config.iconSet.emailIcon" v-on:blur="updateUserConfig"></td>
                                     </tr>
+                                    <tr>
+                                        <td>Environment variable icon</td>
+                                        <td class="text-center" v-html="config.iconSet.environmentVariableIcon"></td>
+                                        <td><input class="setting-text-input" type="text" v-model="config.iconSet.environmentVariableIcon" v-on:blur="updateUserConfig"></td>
+                                    </tr>
                                     <tr>
                                         <td>File icon</td>
                                         <td class="text-center" v-html="config.iconSet.fileIcon"></td>

src/tests/integration/search-plugins/file-search-plugin.test.ts

@@ -109,8 +109,6 @@ describe(FileSearchPlugin.name, (): void => {
             for (const item of actual) {
                 expect(item.name.length).toBeGreaterThan(0);
                 expect(item.executionArgument.length).toBeGreaterThan(0);
-                expect(item.tags).not.toBeUndefined();
-                expect(item.tags.length).toBe(0);
             }
         });
 

src/tests/unit/builders/web-search-builder.test.ts

@@ -30,7 +30,6 @@ describe(WebSearchBuilder.name, (): void => {
             expect(actual.executionArgument).toBe(WebSearchBuilder.buildExecutionUrl(userInput, webSearch));
             expect(actual.icon).toBe(webSearch.icon);
             expect(actual.name).toBe(`Search ${webSearch.name} for '${userInput}'`);
-            expect(actual.tags.length).toBe(0);
         });
 
         it("should build the search result item correctly if userinput is an empty string", (): void => {
@@ -48,7 +47,6 @@ describe(WebSearchBuilder.name, (): void => {
             expect(actual.executionArgument).toBe(WebSearchBuilder.buildExecutionUrl(userInput, webSearch));
             expect(actual.icon).toBe(webSearch.icon);
             expect(actual.name).toBe(`Search ${webSearch.name}`);
-            expect(actual.tags.length).toBe(0);
         });
     });
 

src/tests/unit/search-engine.test.ts

@@ -23,21 +23,6 @@ describe("SearchEngine", (): void => {
             expect(actual.length).toBeGreaterThan(0);
         });
 
-        it("should find items with their tags", (): void => {
-            const fakeItems = [
-                { searchable: ["x"], tags: ["abc"] },
-                { searchable: ["xy"], tags: ["abcd"] },
-                { searchable: ["xyz"], tags: ["abcde"] },
-            ] as SearchResultItem[];
-
-            const searchEngine = new SearchEngine(fakeItems, threshold);
-            const userInput = "abc";
-
-            const actual = searchEngine.search(userInput);
-
-            expect(actual.length).toBeGreaterThan(0);
-        });
-
         it("should return empty array when user input doesnt match any of the plugin items", (): void => {
             const fakeItems = [
                 { searchable: ["abc"] },

src/tests/unit/search-plugins/environment-variable-plugin.test.ts

@@ -1,4 +1,5 @@
 import { EnvironmentVariablePlugin } from "../../../ts/search-plugins/environment-variable-plugin";
+import { testIconSet } from "../../../ts/icon-sets/test-icon-set";
 
 describe(EnvironmentVariablePlugin.name, (): void => {
     const fakeEnvironmentVariableCollection = {
@@ -7,7 +8,7 @@ describe(EnvironmentVariablePlugin.name, (): void => {
         path3: "path-3",
     };
 
-    const plugin = new EnvironmentVariablePlugin(fakeEnvironmentVariableCollection);
+    const plugin = new EnvironmentVariablePlugin(fakeEnvironmentVariableCollection, testIconSet);
 
     describe(plugin.getAllItems.name, (): void => {
         it("should return an search result item for each item in the environment variable collection", (): void => {

src/tests/unit/search-plugins/programs-plugin.test.ts

@@ -38,7 +38,6 @@ describe("ProgramsPlugin", (): void => {
                 expect(filtered.length).toBe(1);
                 expect(filtered[0].name).toBe(fakeProgram.name);
                 expect(filtered[0].executionArgument).toBe(fakeProgram.executionArgument);
-                expect(filtered[0].tags.length).toBe(0);
             }
         });
     });

src/tests/unit/searcher/custom-command-searcher.test.ts

@@ -61,7 +61,6 @@ describe(CustomCommandSearcher.name, (): void => {
                 expect(actual[0].name).toBe(`Open with command prompt: ipconfig /all`);
                 expect(actual[0].description).toBe(UeliHelpers.customCommandDescription);
                 expect(actual[0].searchable.length).toBe(0);
-                expect(actual[0].tags.length).toBe(0);
             }
         });
     });

src/ts/icon-sets/icon-set.ts

@@ -1,5 +1,6 @@
 export interface IconSet {
     appIcon: string;
+    environmentVariableIcon: string;
     emailIcon: string;
     fileIcon: string;
     folderIcon: string;