first steps to mock

Author: RafaelGB

jest.config.js

@@ -1,7 +1,6 @@
 module.exports = {
   preset: "ts-jest",
   testEnvironment: "jsdom",
-  roots: ["src"],
-  modulePaths: ["src"],
-  moduleDirectories: ["node_modules"],
+  moduleFileExtensions: ["ts", "tsx", "js", "jsx"],
+  moduleDirectories: ["node_modules", "src"],
 };

src/DatabaseView.tsx

@@ -124,7 +124,7 @@ export class DatabaseView extends TextFileView implements HoverParent {
         stateManager: this.plugin.getStateManager(this.file)
       }
 
-      let table = createDatabase(tableProps);
+      const table = createDatabase(tableProps);
       this.tableContainer  = this.contentEl.createDiv(StyleClasses.TABLE_CONTAINER);
       ReactDOM.render(table, this.tableContainer);
       LOGGER.info(`<=initDatabase ${this.file.path}`);

src/__tests__/reactTable.test.tsx

@@ -0,0 +1,15 @@
+import { render, screen } from "@testing-library/react";
+import { Vault } from 'obsidian';
+import { Database } from 'components/index/Database';
+import {TableDataType} from 'cdm/FolderModel';
+import { makeData } from "mock/mockUtils";
+import React from "react";
+
+jest.mock("obsidian");
+const VaultMock = Vault as jest.MockedClass<typeof Vault>;
+test("Render without crashing", () => {
+    const mockedTableData:TableDataType = makeData(10);
+    render(<Database {...mockedTableData} />);
+    const titleLabel = screen.getByText(" title");
+    expect(titleLabel).toBeInTheDocument();
+  });

src/components/index/Database.tsx

@@ -15,7 +15,7 @@ export function createDatabase(tableProps:TableDataType): JSX.Element {
     );
 }
 
-function Database(tableProps:TableDataType){
+export function Database(tableProps:TableDataType){
   const [state, dataDispatch] = useReducer(databaseReducer, tableProps);
 
   useEffect(() => {

src/parsers/embedYamlHandlers/FolderHandler.ts

@@ -1,5 +1,5 @@
 import { AbstractYamlHandler } from 'parsers/embedYamlHandlers/AbstractYamlPropertyHandler';
-import { App, normalizePath } from "obsidian";
+import { normalizePath } from "obsidian";
 export class FolderHandler extends AbstractYamlHandler {
     handlerName: string = 'folder';
     public handle(yaml: any): [string, string][] {