npm - material-icon-theme - Versions diffs - 4.14.0 → 4.16.0 - Mend

material-icon-theme 4.14.0 → 4.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (185) hide show

package/.eslintrc.json +51 -51
package/.github/FUNDING.yml +3 -3
package/.github/ISSUE_TEMPLATE/bug_report.md +34 -34
package/.github/ISSUE_TEMPLATE/icon_request.md +27 -27
package/.github/workflows/build.yml +45 -45
package/.github/workflows/color-check.yml +22 -22
package/.github/workflows/release.yml +73 -73
package/.prettierrc +7 -7
package/.vscode/extensions.json +3 -3
package/.vscode/launch.json +43 -43
package/.vscode/settings.json +14 -14
package/.vscode/tasks.json +32 -32
package/.vscodeignore +20 -20
package/CHANGELOG.md +1135 -1101
package/CONTRIBUTING.md +62 -62
package/LICENSE.md +8 -8
package/README.md +209 -209
package/build/web-extension.webpack.config.js +62 -62
package/build/webpack.config.js +39 -39
package/changelog.config.json +4 -4
package/icons/astyle.svg +4 -4
package/icons/blitz.svg +4 -4
package/icons/cypress.svg +4 -4
package/icons/dependabot.svg +4 -4
package/icons/dinophp.svg +16 -16
package/icons/figma.svg +10 -10
package/icons/folder-angular-open.svg +2 -2
package/icons/folder-angular.svg +2 -2
package/icons/folder-cypress-open.svg +5 -5
package/icons/folder-cypress.svg +5 -5
package/icons/folder-java-open.svg +2 -2
package/icons/folder-java.svg +2 -2
package/icons/folder-next-open.svg +2 -2
package/icons/folder-next.svg +2 -2
package/icons/folder-queue-open.svg +2 -2
package/icons/folder-queue.svg +2 -2
package/icons/folder-resolver-open.svg +2 -2
package/icons/folder-resolver.svg +2 -2
package/icons/folder-serverless-open.svg +5 -5
package/icons/folder-serverless.svg +5 -5
package/icons/folder-target-open.svg +2 -2
package/icons/folder-target.svg +2 -2
package/icons/folder-unity-open.svg +2 -0
package/icons/folder-unity.svg +2 -0
package/icons/folder-vercel-open.svg +4 -4
package/icons/folder-vercel.svg +4 -4
package/icons/gleam.svg +4 -4
package/icons/gridsome.svg +4 -4
package/icons/hardhat.svg +3 -3
package/icons/lighthouse.svg +2 -2
package/icons/ndst.svg +7 -7
package/icons/next.svg +3 -3
package/icons/next_light.svg +2 -2
package/icons/odin.svg +6 -6
package/icons/parcel.svg +4 -4
package/icons/playwright.svg +7 -7
package/icons/pnpm.svg +9 -9
package/icons/pnpm_light.svg +7 -7
package/icons/poetry.svg +1 -0
package/icons/processing.svg +10 -1
package/icons/remix.svg +4 -4
package/icons/remix_light.svg +4 -4
package/icons/rome.svg +5 -5
package/icons/serverless.svg +4 -4
package/icons/siyuan.svg +9 -9
package/icons/steadybit.svg +1 -0
package/icons/svgr.svg +4 -4
package/icons/tauri.svg +9 -9
package/icons/template.svg +4 -4
package/icons/tobi.svg +4 -4
package/icons/tobimake.svg +14 -14
package/icons/turborepo.svg +12 -0
package/icons/turborepo_light.svg +12 -0
package/images/contributors.png +0 -0
package/images/fileIcons.png +0 -0
package/images/folderIcons.png +0 -0
package/logo.svg +21 -21
package/material-colors.yml +257 -257
package/package.json +264 -264
package/package.nls.de.json +35 -35
package/package.nls.es.json +32 -32
package/package.nls.fr.json +32 -32
package/package.nls.ja.json +35 -35
package/package.nls.json +35 -35
package/package.nls.nl.json +35 -35
package/package.nls.pl.json +35 -35
package/package.nls.pt-BR.json +32 -32
package/package.nls.pt-PT.json +32 -32
package/package.nls.ru.json +32 -32
package/package.nls.zh-CN.json +32 -32
package/package.nls.zh-TW.json +32 -32
package/src/commands/activate.ts +26 -26
package/src/commands/explorerArrows.ts +55 -55
package/src/commands/folderColor.ts +96 -96
package/src/commands/folders.ts +55 -55
package/src/commands/grayscale.ts +55 -55
package/src/commands/iconPacks.ts +68 -68
package/src/commands/index.ts +30 -30
package/src/commands/opacity.ts +46 -46
package/src/commands/restoreConfig.ts +14 -14
package/src/commands/saturation.ts +46 -46
package/src/extension.ts +35 -35
package/src/helpers/changeDetection.ts +68 -68
package/src/helpers/customIcons.ts +8 -8
package/src/helpers/fileConfig.ts +37 -37
package/src/helpers/index.ts +100 -100
package/src/helpers/objects.ts +58 -58
package/src/helpers/types.ts +7 -7
package/src/helpers/versioning.ts +73 -73
package/src/i18n/index.ts +78 -78
package/src/i18n/lang-de.ts +54 -54
package/src/i18n/lang-en.ts +53 -53
package/src/i18n/lang-es.ts +53 -53
package/src/i18n/lang-fr.ts +53 -53
package/src/i18n/lang-ja.ts +54 -54
package/src/i18n/lang-nl.ts +54 -54
package/src/i18n/lang-pl.ts +52 -52
package/src/i18n/lang-pt-br.ts +53 -53
package/src/i18n/lang-pt-pt.ts +53 -53
package/src/i18n/lang-ru.ts +52 -52
package/src/i18n/lang-uk.ts +54 -54
package/src/i18n/lang-zh-cn.ts +52 -52
package/src/i18n/lang-zh-tw.ts +52 -52
package/src/icons/fileIcons.ts +1854 -1782
package/src/icons/folderIcons.ts +754 -711
package/src/icons/generator/constants.ts +29 -29
package/src/icons/generator/fileGenerator.ts +216 -216
package/src/icons/generator/folderGenerator.ts +340 -340
package/src/icons/generator/iconOpacity.ts +111 -111
package/src/icons/generator/iconSaturation.ts +140 -140
package/src/icons/generator/index.ts +7 -7
package/src/icons/generator/jsonGenerator.ts +187 -187
package/src/icons/generator/languageGenerator.ts +127 -127
package/src/icons/index.ts +4 -4
package/src/icons/languageIcons.ts +134 -134
package/src/messages/outdated.ts +33 -33
package/src/messages/reload.ts +32 -32
package/src/messages/start.ts +12 -12
package/src/messages/update.ts +48 -48
package/src/messages/welcome.ts +47 -47
package/src/models/helpers/index.ts +1 -1
package/src/models/helpers/themeStatus.ts +5 -5
package/src/models/i18n/index.ts +1 -1
package/src/models/i18n/translation.ts +50 -50
package/src/models/iconConfiguration.ts +37 -37
package/src/models/icons/defaultIcon.ts +16 -16
package/src/models/icons/files/fileIcon.ts +49 -49
package/src/models/icons/files/fileTypes.ts +14 -14
package/src/models/icons/files/index.ts +2 -2
package/src/models/icons/folders/folderIcon.ts +34 -34
package/src/models/icons/folders/folderTheme.ts +23 -23
package/src/models/icons/folders/index.ts +2 -2
package/src/models/icons/iconJsonOptions.ts +23 -23
package/src/models/icons/iconPack.ts +12 -12
package/src/models/icons/index.ts +6 -6
package/src/models/icons/languages/index.ts +1 -1
package/src/models/icons/languages/languageIdentifier.ts +26 -26
package/src/models/index.ts +4 -4
package/src/models/scripts/contributors/contributor.ts +22 -22
package/src/models/scripts/contributors/contributorsConfig.ts +10 -10
package/src/scripts/contributors/contributors.css +24 -24
package/src/scripts/contributors/index.ts +138 -138
package/src/scripts/helpers/painter.ts +5 -5
package/src/scripts/helpers/screenshots.ts +32 -32
package/src/scripts/helpers/similarity.ts +47 -47
package/src/scripts/helpers/titleCase.ts +7 -7
package/src/scripts/icons/checks/checkIconAvailability.ts +215 -215
package/src/scripts/icons/checks/checkIconConflicts.ts +154 -154
package/src/scripts/icons/checks/checkIconUsage.ts +141 -141
package/src/scripts/icons/checks/index.ts +7 -7
package/src/scripts/icons/generateJson.ts +11 -11
package/src/scripts/preview/index.ts +40 -40
package/src/scripts/preview/preview.ts +165 -165
package/src/scripts/preview/style.css +48 -48
package/src/test/runTest.ts +26 -26
package/src/test/spec/i18n/i18n.spec.ts +61 -61
package/src/test/spec/icons/fileIcons.spec.ts +250 -250
package/src/test/spec/icons/folderIcons.spec.ts +418 -418
package/src/test/spec/icons/languageIcons.spec.ts +184 -184
package/src/test/spec/index.ts +36 -36
package/src/web/extension.ts +10 -10
package/svgo.config.js +11 -11
package/tsconfig.json +23 -23
package/.github/workflows/greetings.yml +0 -17
package/icons/processing_light.svg +0 -1

package/src/scripts/preview/index.ts CHANGED Viewed

@@ -1,40 +1,40 @@
-import { fileIcons } from './../../icons/fileIcons';
-import { folderIcons } from './../../icons/folderIcons';
-import { languageIcons } from './../../icons/languageIcons';
-import { generatePreview } from './preview';
-const filterDuplicates = (icons: string[]) => {
-  return [...new Set(icons)];
-};
-const basicFileIcons = filterDuplicates(
-  fileIcons.icons
-    .map((i) => i.name)
-    // merge language icons
-    .concat(languageIcons.map((i) => i.icon.name))
-).map((i) => ({ iconName: i, label: i }));
-const folderThemes = filterDuplicates(
-  folderIcons
-    .map((theme) => {
-      const folders = [];
-      if (theme.icons && theme.icons.length > 0) {
-        folders.push(...theme.icons.map((i) => i.name));
-      }
-      return [...folders];
-    })
-    .reduce((a, b) => a.concat(b))
-).map((i) => ({ iconName: i, label: i.replace('folder-', '') }));
-generatePreview('fileIcons', basicFileIcons, 5, [
-  'virtual',
-  'powerpoint',
-  'word',
-  'credits',
-]);
-generatePreview('folderIcons', folderThemes, 5, [
-  'folder-aurelia',
-  'folder-phpmailer',
-  'folder-syntax',
-  'folder-ansible',
-]);
+import { fileIcons } from './../../icons/fileIcons';
+import { folderIcons } from './../../icons/folderIcons';
+import { languageIcons } from './../../icons/languageIcons';
+import { generatePreview } from './preview';
+const filterDuplicates = (icons: string[]) => {
+  return [...new Set(icons)];
+};
+const basicFileIcons = filterDuplicates(
+  fileIcons.icons
+    .map((i) => i.name)
+    // merge language icons
+    .concat(languageIcons.map((i) => i.icon.name))
+).map((i) => ({ iconName: i, label: i }));
+const folderThemes = filterDuplicates(
+  folderIcons
+    .map((theme) => {
+      const folders = [];
+      if (theme.icons && theme.icons.length > 0) {
+        folders.push(...theme.icons.map((i) => i.name));
+      }
+      return [...folders];
+    })
+    .reduce((a, b) => a.concat(b))
+).map((i) => ({ iconName: i, label: i.replace('folder-', '') }));
+generatePreview('fileIcons', basicFileIcons, 5, [
+  'virtual',
+  'powerpoint',
+  'word',
+  'credits',
+]);
+generatePreview('folderIcons', folderThemes, 5, [
+  'folder-aurelia',
+  'folder-phpmailer',
+  'folder-syntax',
+  'folder-ansible',
+]);

package/src/scripts/preview/preview.ts CHANGED Viewed

@@ -1,165 +1,165 @@
-import * as fs from 'fs';
-import * as path from 'path';
-import { createScreenshot } from '../helpers/screenshots';
-import * as painter from './../helpers/painter';
-import { toTitleCase } from './../helpers/titleCase';
-const htmlDoctype = '<!DOCTYPE html>';
-const cssFilePath = path.join('style.css');
-const styling = `<link rel="stylesheet" href="${cssFilePath}">`;
-const createHTMLTableHeadRow = (amount: number) => {
-  const pair = `
-        <th class="icon">Icon</th>
-        <th class="iconName">Name</th>
-    `;
-  const columns = [...Array(amount)].map(() => pair).join('');
-  return `
-        <tr>
-            ${columns}
-        </tr>
-    `;
-};
-const createHTMLTableBodyRows = (items: IconDefinition[][]) => {
-  let rows = '';
-  items.forEach((row) => {
-    const columns = row
-      .map(
-        (icon) => `
-            <td class="icon">
-                <img src="./../../../icons/${icon.iconName}.svg" alt="${
-          icon.label
-        }">
-            </td>
-            <td class="iconName">${toTitleCase(icon.label)}</td>
-        `
-      )
-      .join('');
-    const tableRow = `
-            <tr>
-                ${columns}
-            </tr>
-        `;
-    rows = rows + tableRow;
-  });
-  return rows;
-};
-const createHTMLTable = (headRow: string, bodyRows: string) => `
-    <table>
-        ${headRow}
-        ${bodyRows}
-    </table>
-`;
-const createPreviewTable = (icons: IconDefinition[][], size: number) => {
-  const table =
-    htmlDoctype +
-    styling +
-    createHTMLTable(
-      createHTMLTableHeadRow(size),
-      createHTMLTableBodyRows(icons)
-    );
-  return table;
-};
-const savePreview = (
-  fileName: string,
-  size: number,
-  icons: IconDefinition[][]
-) => {
-  const filePath = path.join(__dirname, fileName + '.html');
-  // write the html file with the icon table
-  fs.writeFileSync(filePath, createPreviewTable(icons, size));
-  // create the image
-  createScreenshot(filePath, fileName)
-    .then(() => {
-      console.log(
-        '> Material Icon Theme:',
-        painter.green(`Successfully created ${fileName} preview image!`)
-      );
-    })
-    .catch(() => {
-      throw Error(
-        painter.red(`Error while creating ${fileName} preview image`)
-      );
-    });
-};
-const getIconDefinitionsMatrix = (
-  icons: IconDefinition[],
-  size: number,
-  excluded: string[] = []
-): IconDefinition[][] => {
-  const iconList = icons.sort((a, b) => a.label.localeCompare(b.label));
-  trimIconListToSize(iconList, size, excluded);
-  // list for the columns with the icons
-  const matrix: IconDefinition[][] = [];
-  // calculate the amount of icons per column
-  const itemsPerColumn = Math.floor(iconList.length / size);
-  // create the columns with the icons
-  let counter = 0;
-  for (let c = 0; c < itemsPerColumn; c++) {
-    matrix[c] = [];
-  }
-  for (let s = 0; s < size; s++) {
-    for (let i = 0; i < itemsPerColumn; i++) {
-      matrix[i][s] = iconList[counter];
-      counter++;
-    }
-  }
-  return matrix;
-};
-/**
- * Function that generates the preview image for specific icons.
- * @param name name of the preview
- * @param icons icons for the preview
- * @param size amount of table columns
- * @param trimmableIcons List of icons that can possibly be trimmed
- */
-export const generatePreview = (
-  name: string,
-  icons: IconDefinition[],
-  size: number,
-  trimmableIcons: string[] = []
-) => {
-  savePreview(
-    name,
-    size,
-    getIconDefinitionsMatrix(icons, size, trimmableIcons)
-  );
-};
-interface IconDefinition {
-  iconName: string;
-  label: string;
-}
-/**
- * Trim the list of icons into the matrix
- * @param iconList List of icons
- * @param size Amount of columns
- * @param trimmableIcons List of icons that can possibly be trimmed
- */
-const trimIconListToSize = (
-  iconList: IconDefinition[],
-  size: number,
-  trimmableIcons: string[]
-) => {
-  while (iconList.length % size !== 0) {
-    iconList.splice(
-      iconList.findIndex(
-        (i) => i.iconName === trimmableIcons[iconList.length % size]
-      ),
-      1
-    );
-  }
-};
+import * as fs from 'fs';
+import * as path from 'path';
+import { createScreenshot } from '../helpers/screenshots';
+import * as painter from './../helpers/painter';
+import { toTitleCase } from './../helpers/titleCase';
+const htmlDoctype = '<!DOCTYPE html>';
+const cssFilePath = path.join('style.css');
+const styling = `<link rel="stylesheet" href="${cssFilePath}">`;
+const createHTMLTableHeadRow = (amount: number) => {
+  const pair = `
+        <th class="icon">Icon</th>
+        <th class="iconName">Name</th>
+    `;
+  const columns = [...Array(amount)].map(() => pair).join('');
+  return `
+        <tr>
+            ${columns}
+        </tr>
+    `;
+};
+const createHTMLTableBodyRows = (items: IconDefinition[][]) => {
+  let rows = '';
+  items.forEach((row) => {
+    const columns = row
+      .map(
+        (icon) => `
+            <td class="icon">
+                <img src="./../../../icons/${icon.iconName}.svg" alt="${
+          icon.label
+        }">
+            </td>
+            <td class="iconName">${toTitleCase(icon.label)}</td>
+        `
+      )
+      .join('');
+    const tableRow = `
+            <tr>
+                ${columns}
+            </tr>
+        `;
+    rows = rows + tableRow;
+  });
+  return rows;
+};
+const createHTMLTable = (headRow: string, bodyRows: string) => `
+    <table>
+        ${headRow}
+        ${bodyRows}
+    </table>
+`;
+const createPreviewTable = (icons: IconDefinition[][], size: number) => {
+  const table =
+    htmlDoctype +
+    styling +
+    createHTMLTable(
+      createHTMLTableHeadRow(size),
+      createHTMLTableBodyRows(icons)
+    );
+  return table;
+};
+const savePreview = (
+  fileName: string,
+  size: number,
+  icons: IconDefinition[][]
+) => {
+  const filePath = path.join(__dirname, fileName + '.html');
+  // write the html file with the icon table
+  fs.writeFileSync(filePath, createPreviewTable(icons, size));
+  // create the image
+  createScreenshot(filePath, fileName)
+    .then(() => {
+      console.log(
+        '> Material Icon Theme:',
+        painter.green(`Successfully created ${fileName} preview image!`)
+      );
+    })
+    .catch(() => {
+      throw Error(
+        painter.red(`Error while creating ${fileName} preview image`)
+      );
+    });
+};
+const getIconDefinitionsMatrix = (
+  icons: IconDefinition[],
+  size: number,
+  excluded: string[] = []
+): IconDefinition[][] => {
+  const iconList = icons.sort((a, b) => a.label.localeCompare(b.label));
+  trimIconListToSize(iconList, size, excluded);
+  // list for the columns with the icons
+  const matrix: IconDefinition[][] = [];
+  // calculate the amount of icons per column
+  const itemsPerColumn = Math.floor(iconList.length / size);
+  // create the columns with the icons
+  let counter = 0;
+  for (let c = 0; c < itemsPerColumn; c++) {
+    matrix[c] = [];
+  }
+  for (let s = 0; s < size; s++) {
+    for (let i = 0; i < itemsPerColumn; i++) {
+      matrix[i][s] = iconList[counter];
+      counter++;
+    }
+  }
+  return matrix;
+};
+/**
+ * Function that generates the preview image for specific icons.
+ * @param name name of the preview
+ * @param icons icons for the preview
+ * @param size amount of table columns
+ * @param trimmableIcons List of icons that can possibly be trimmed
+ */
+export const generatePreview = (
+  name: string,
+  icons: IconDefinition[],
+  size: number,
+  trimmableIcons: string[] = []
+) => {
+  savePreview(
+    name,
+    size,
+    getIconDefinitionsMatrix(icons, size, trimmableIcons)
+  );
+};
+interface IconDefinition {
+  iconName: string;
+  label: string;
+}
+/**
+ * Trim the list of icons into the matrix
+ * @param iconList List of icons
+ * @param size Amount of columns
+ * @param trimmableIcons List of icons that can possibly be trimmed
+ */
+const trimIconListToSize = (
+  iconList: IconDefinition[],
+  size: number,
+  trimmableIcons: string[]
+) => {
+  while (iconList.length % size !== 0) {
+    iconList.splice(
+      iconList.findIndex(
+        (i) => i.iconName === trimmableIcons[iconList.length % size]
+      ),
+      1
+    );
+  }
+};

package/src/scripts/preview/style.css CHANGED Viewed

@@ -1,48 +1,48 @@
-:root {
-  --main-bg-color: #1e1e1e;
-}
-body {
-  margin: 0;
-  padding: 0;
-}
-table {
-  font-family: arial, sans-serif;
-  border-collapse: collapse;
-  width: 100%;
-  background: var(--main-bg-color);
-  color: rgb(250, 250, 250);
-  font-size: 1rem;
-}
-td,
-th {
-  border: 0px solid #dddddd;
-  text-align: left;
-  padding: 8px;
-}
-tr:last-child {
-  border-bottom: 0.5rem solid var(--main-bg-color);
-}
-tr:first-child {
-  border-top: 0.5rem solid var(--main-bg-color);
-  border-bottom: 0.5rem solid var(--main-bg-color);
-}
-.icon {
-  width: 2rem;
-  text-align: center;
-  padding: 0.5rem 1rem 0.5rem 1rem;
-}
-.iconName {
-  min-width: 9rem;
-}
-img {
-  width: 30px;
-  height: auto;
-}
+:root {
+  --main-bg-color: #1e1e1e;
+}
+body {
+  margin: 0;
+  padding: 0;
+}
+table {
+  font-family: arial, sans-serif;
+  border-collapse: collapse;
+  width: 100%;
+  background: var(--main-bg-color);
+  color: rgb(250, 250, 250);
+  font-size: 1rem;
+}
+td,
+th {
+  border: 0px solid #dddddd;
+  text-align: left;
+  padding: 8px;
+}
+tr:last-child {
+  border-bottom: 0.5rem solid var(--main-bg-color);
+}
+tr:first-child {
+  border-top: 0.5rem solid var(--main-bg-color);
+  border-bottom: 0.5rem solid var(--main-bg-color);
+}
+.icon {
+  width: 2rem;
+  text-align: center;
+  padding: 0.5rem 1rem 0.5rem 1rem;
+}
+.iconName {
+  min-width: 9rem;
+}
+img {
+  width: 30px;
+  height: auto;
+}

package/src/test/runTest.ts CHANGED Viewed

@@ -1,26 +1,26 @@
-import * as path from 'path';
-import { runTests } from 'vscode-test';
-const main = async () => {
-  try {
-    // The folder containing the Extension Manifest package.json
-    // Passed to `--extensionDevelopmentPath`
-    const extensionDevelopmentPath = path.resolve(__dirname, '../../');
-    // The path to the extension test script
-    // Passed to --extensionTestsPath
-    const extensionTestsPath = path.resolve(__dirname, './spec/index');
-    // Download VS Code, unzip it and run the integration test
-    await runTests({
-      extensionDevelopmentPath,
-      extensionTestsPath,
-      launchArgs: ['--disable-gpu', '--disable-workspace-trust'],
-    });
-  } catch (err) {
-    console.error('Failed to run tests');
-    process.exit(1);
-  }
-};
-main();
+import * as path from 'path';
+import { runTests } from 'vscode-test';
+const main = async () => {
+  try {
+    // The folder containing the Extension Manifest package.json
+    // Passed to `--extensionDevelopmentPath`
+    const extensionDevelopmentPath = path.resolve(__dirname, '../../');
+    // The path to the extension test script
+    // Passed to --extensionTestsPath
+    const extensionTestsPath = path.resolve(__dirname, './spec/index');
+    // Download VS Code, unzip it and run the integration test
+    await runTests({
+      extensionDevelopmentPath,
+      extensionTestsPath,
+      launchArgs: ['--disable-gpu', '--disable-workspace-trust'],
+    });
+  } catch (err) {
+    console.error('Failed to run tests');
+    process.exit(1);
+  }
+};
+main();

package/src/test/spec/i18n/i18n.spec.ts CHANGED Viewed

@@ -1,61 +1,61 @@
-import * as assert from 'assert';
-import { getObjectPropertyValue } from '../../../helpers/objects';
-import * as i18n from '../../../i18n';
-import { Translation } from '../../../models';
-describe('i18n', () => {
-  it('should initialize translations', () => {
-    return i18n.initTranslations();
-  });
-  it('should translate key', () => {
-    assert.equal(
-      i18n.getTranslationValue('activate', { activate: 'b' } as Translation),
-      'b'
-    );
-  });
-  it('should return undefined if translation is not defined', () => {
-    assert.equal(
-      i18n.getTranslationValue(
-        'activate',
-        {} as Translation,
-        {} as Translation
-      ),
-      undefined
-    );
-  });
-  it('should use fallback if translation is not defined', () => {
-    assert.equal(
-      i18n.getTranslationValue(
-        'activate',
-        {} as Translation,
-        { activate: 'fb' } as Translation
-      ),
-      'fb'
-    );
-  });
-  it('should get the correct translation value of the translation object', () => {
-    const translation = {
-      a: {
-        b: {
-          c: 'c',
-        },
-      },
-    };
-    assert.equal(getObjectPropertyValue(translation, 'a.b.c'), 'c');
-  });
-  it('should use placeholder in translation', () => {
-    assert.equal(
-      i18n.replace('%0 with placeholder', 'test'),
-      'test with placeholder'
-    );
-    assert.equal(
-      i18n.replace('%0 with %1', 'test', 'placeholder'),
-      'test with placeholder'
-    );
-  });
-});
+import * as assert from 'assert';
+import { getObjectPropertyValue } from '../../../helpers/objects';
+import * as i18n from '../../../i18n';
+import { Translation } from '../../../models';
+describe('i18n', () => {
+  it('should initialize translations', () => {
+    return i18n.initTranslations();
+  });
+  it('should translate key', () => {
+    assert.equal(
+      i18n.getTranslationValue('activate', { activate: 'b' } as Translation),
+      'b'
+    );
+  });
+  it('should return undefined if translation is not defined', () => {
+    assert.equal(
+      i18n.getTranslationValue(
+        'activate',
+        {} as Translation,
+        {} as Translation
+      ),
+      undefined
+    );
+  });
+  it('should use fallback if translation is not defined', () => {
+    assert.equal(
+      i18n.getTranslationValue(
+        'activate',
+        {} as Translation,
+        { activate: 'fb' } as Translation
+      ),
+      'fb'
+    );
+  });
+  it('should get the correct translation value of the translation object', () => {
+    const translation = {
+      a: {
+        b: {
+          c: 'c',
+        },
+      },
+    };
+    assert.equal(getObjectPropertyValue(translation, 'a.b.c'), 'c');
+  });
+  it('should use placeholder in translation', () => {
+    assert.equal(
+      i18n.replace('%0 with placeholder', 'test'),
+      'test with placeholder'
+    );
+    assert.equal(
+      i18n.replace('%0 with %1', 'test', 'placeholder'),
+      'test with placeholder'
+    );
+  });
+});