some work

Signed-off-by: Sebastian Malton <sebastian@malton.name>

.gitignore

@@ -15,3 +15,4 @@ src/extensions/*/*.d.ts
 types/extension-api.d.ts
 types/extension-renderer-api.d.ts
 extensions/*/dist
+extensions/*/yarn.lock

extensions/example-extension/jest.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+  // Jest transformations -- this adds support for TypeScript
+  // using ts-jest
+  transform: {
+    "^.+\\.tsx?$": "ts-jest"
+  },
+
+  // Module file extensions for importing
+  moduleFileExtensions: ["ts", "tsx", "js", "jsx", "json", "node"]
+};

extensions/example-extension/package.json

@@ -11,15 +11,18 @@
   "scripts": {
     "build": "webpack --config webpack.config.js",
     "dev": "npm run build --watch",
-    "test": "echo NO TESTS"
+    "test": "jest --env=jsdom src $@"
   },
   "dependencies": {
-    "react-open-doodles": "^1.0.5"
+    "@types/jest": "^26.0.15",
+    "react-open-doodles": "^1.0.5",
+    "ts-jest": "^26.4.4"
   },
   "devDependencies": {
     "@k8slens/extensions": "file:../../src/extensions/npm/extensions",
     "ts-loader": "^8.0.4",
     "typescript": "^4.0.3",
-    "webpack": "^4.44.2"
+    "webpack": "^4.44.2",
+    "jest": "^26.6.3"
   }
 }

extensions/example-extension/src/__test__/page.test.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect'
+
+import { ExamplePage } from "../page";
+
+test('two plus two is four', () => {
+  const { container } = render(<ExamplePage extension={this} />);
+  expect(container).toBeInstanceOf(HTMLElement);
+});

extensions/example-extension/src/main.ts

@@ -2,10 +2,10 @@ import { LensMainExtension } from "@k8slens/extensions";
 
 export default class ExampleExtensionMain extends LensMainExtension {
   onActivate() {
-    console.log('EXAMPLE EXTENSION MAIN: ACTIVATED', this.getMeta());
+    console.log('EXAMPLE EXTENSION MAIN: ACTIVATED', this.name, this.id);
   }
 
   onDeactivate() {
-    console.log('EXAMPLE EXTENSION MAIN: DEACTIVATED', this.getMeta());
+    console.log('EXAMPLE EXTENSION MAIN: DEACTIVATED', this.name, this.id);
   }
 }

extensions/example-extension/src/renderer.tsx

@@ -8,7 +8,7 @@ export default class ExampleExtension extends LensRendererExtension {
       path: "/extension-example",
       title: "Example Extension",
       components: {
-        Page: () => <ExamplePage extension={this}/>,
+        Page: () => <ExamplePage extension={this} />,
         MenuIcon: ExampleIcon,
       }
     }

extensions/example-extension/tsconfig.json

@@ -3,7 +3,11 @@
     "outDir": "dist",
     "module": "CommonJS",
     "target": "ES2017",
-    "lib": ["ESNext", "DOM", "DOM.Iterable"],
+    "lib": [
+      "ESNext",
+      "DOM",
+      "DOM.Iterable"
+    ],
     "moduleResolution": "Node",
     "sourceMap": false,
     "declaration": false,
@@ -17,7 +21,10 @@
   },
   "include": [
     "./*.ts",
-    "./*.tsx"
+    "./*.tsx",
+    "src/renderer.tsx",
+    "src/page.tsx",
+    "src/main.ts"
   ],
   "exclude": [
     "node_modules",

extensions/example-extension/webpack.config.js

@@ -2,7 +2,7 @@ const path = require('path');
 
 module.exports = [
   {
-    entry: './main.ts',
+    entry: './src/main.ts',
     context: __dirname,
     target: "electron-main",
     mode: "production",
@@ -23,7 +23,7 @@ module.exports = [
       }
     ],
     resolve: {
-      extensions: [ '.tsx', '.ts', '.js' ],
+      extensions: ['.tsx', '.ts', '.js'],
     },
     output: {
       libraryTarget: "commonjs2",
@@ -32,7 +32,7 @@ module.exports = [
     },
   },
   {
-    entry: './renderer.tsx',
+    entry: './src/renderer.tsx',
     context: __dirname,
     target: "electron-renderer",
     mode: "production",
@@ -53,7 +53,7 @@ module.exports = [
       }
     ],
     resolve: {
-      extensions: [ '.tsx', '.ts', '.js' ],
+      extensions: ['.tsx', '.ts', '.js'],
     },
     output: {
       libraryTarget: "commonjs2",

extensions/license-menu-item/package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "build": "webpack -p",
     "dev": "webpack --watch",
-    "test": "echo NO TESTS"
+    "test": "jest --env=jsdom --passWithNoTests src $@"
   },
   "dependencies": {},
   "devDependencies": {

extensions/metrics-cluster-feature/package.json

@@ -10,7 +10,7 @@
   "scripts": {
     "build": "webpack --config webpack.config.js",
     "dev": "npm run build --watch",
-    "test": "echo NO TESTS"
+    "test": "jest --env=jsdom --passWithNoTests src $@"
   },
   "dependencies": {
     "semver": "^7.3.2"

extensions/node-menu/package.json

@@ -10,7 +10,7 @@
   "scripts": {
     "build": "webpack --config webpack.config.js",
     "dev": "npm run build --watch",
-    "test": "echo NO TESTS"
+    "test": "jest --env=jsdom --passWithNoTests src $@"
   },
   "dependencies": {},
   "devDependencies": {

extensions/pod-menu/package.json

@@ -10,7 +10,7 @@
   "scripts": {
     "build": "webpack --config webpack.config.js",
     "dev": "npm run build --watch",
-    "test": "echo NO TESTS"
+    "test": "jest --env=jsdom --passWithNoTests src $@"
   },
   "dependencies": {},
   "devDependencies": {

extensions/support-page/package.json

@@ -7,7 +7,7 @@
   "scripts": {
     "build": "webpack -p",
     "dev": "webpack --watch",
-    "test": "echo NO TESTS"
+    "test": "jest --env=jsdom --passWithNoTests src $@"
   },
   "dependencies": {},
   "devDependencies": {

extensions/telemetry/package.json

@@ -11,7 +11,7 @@
   "scripts": {
     "build": "webpack -p",
     "dev": "webpack --watch",
-    "test": "echo NO TESTS"
+    "test": "jest --env=jsdom --passWithNoTests src $@"
   },
   "dependencies": {},
   "devDependencies": {

package.json

@@ -369,7 +369,7 @@
     "react-router-dom": "^5.2.0",
     "react-select": "^3.1.0",
     "react-window": "^1.8.5",
-    "rollup": "^2.28.2",
+    "rollup": "^2.33.1",
     "rollup-plugin-dts": "^1.4.13",
     "rollup-plugin-ignore-import": "^1.3.2",
     "rollup-pluginutils": "^2.8.2",

src/extensions/rollup.config.ts

@@ -10,7 +10,7 @@ import ignoreImport from 'rollup-plugin-ignore-import'
 const config: RollupOptions = {
   input: "src/extensions/extension-api.ts",
   output: [
-    { file: "src/extensions/npm/extensions/api.d.ts", format: "es", }
+    { file: "src/extensions/npm/extensions/api.d.ts", format: "module", }
   ],
   plugins: [
     dts(),

yarn.lock

@@ -12545,10 +12545,10 @@ rollup-pluginutils@^2.8.2:
   dependencies:
     estree-walker "^0.6.1"
 
-rollup@^2.28.2:
-  version "2.28.2"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.28.2.tgz#599ec4978144a82d8a8ec3d37670a8440cb04e4b"
-  integrity sha512-8txbsFBFLmm9Xdt4ByTOGa9Muonmc8MfNjnGAR8U8scJlF1ZW7AgNZa7aqBXaKtlvnYP/ab++fQIq9dB9NWUbg==
+rollup@^2.33.1:
+  version "2.33.1"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.33.1.tgz#802795164164ee63cd47769d8879c33ec8ae0c40"
+  integrity sha512-uY4O/IoL9oNW8MMcbA5hcOaz6tZTMIh7qJHx/tzIJm+n1wLoY38BLn6fuy7DhR57oNFLMbDQtDeJoFURt5933w==
   optionalDependencies:
     fsevents "~2.1.2"