Add variant analysis header to view

extensions/ql-vscode/jest.config.js

@@ -3,7 +3,7 @@
  * https://jestjs.io/docs/configuration
  */
 
-export default {
+module.exports = {
   // All imported modules in your tests should be mocked automatically
   // automock: false,
 

extensions/ql-vscode/src/view/tsconfig.json

@@ -13,7 +13,7 @@
     "noImplicitReturns": true,
     "noFallthroughCasesInSwitch": true,
     "experimentalDecorators": true,
-    "esModuleInterop": true
+    "skipLibCheck": true
   },
   "exclude": ["node_modules"]
 }

extensions/ql-vscode/src/view/variant-analysis/VariantAnalysis.tsx

@@ -1,5 +1,21 @@
 import * as React from 'react';
+import { VariantAnalysisStatus } from '../../remote-queries/shared/variant-analysis';
+import { VariantAnalysisContainer } from './VariantAnalysisContainer';
+import { VariantAnalysisHeader } from './VariantAnalysisHeader';
 
 export function VariantAnalysis(): JSX.Element {
-  return <span>Hello!</span>;
+  return (
+    <VariantAnalysisContainer>
+      <VariantAnalysisHeader
+        queryName="Example query"
+        queryFileName="example.ql"
+        status={VariantAnalysisStatus.InProgress}
+        onOpenQueryClick={() => void 0}
+        onViewQueryClick={() => void 0}
+        onStopQueryClick={() => void 0}
+        onCopyRepositoryListClick={() => void 0}
+        onExportResultsClick={() => void 0}
+      />
+    </VariantAnalysisContainer>
+  );
 }

extensions/ql-vscode/tsconfig.json

@@ -10,6 +10,7 @@
     "moduleResolution": "node",
     "sourceMap": true,
     "rootDir": "src",
+    "skipLibCheck": true,
     "strictNullChecks": true,
     "noFallthroughCasesInSwitch": true,
     "preserveWatchOutput": true,
@@ -19,6 +20,6 @@
     "noUnusedLocals": true,
     "noUnusedParameters": true
   },
-  "include": ["src/**/*.ts", "jest.config.ts"],
+  "include": ["src/**/*.ts"],
   "exclude": ["node_modules", "test", "**/view"]
 }