Start adding .js to imports

Author: aslakhellesoy

.mocharc.json

@@ -1,10 +1,5 @@
 {
-  "require": [
-    "ts-node/register",
-    "source-map-support/register",
-    "./css-modules-hook.cjs",
-    "global-jsdom/register"
-  ],
+  "loader": "ts-node/esm",
   "extension": ["ts", "tsx"],
   "recursive": true,
   "timeout": 10000

src/components/app/index.ts

@@ -1,11 +1,11 @@
-export * from './CICommitLink'
-export * from './EnvelopesWrapper'
-export * from './ExecutionSummary'
-export * from './FilteredResults'
-export * from './GherkinDocumentList'
-export * from './HighLight'
-export * from './NoMatchResult'
-export * from './QueriesWrapper'
-export * from './SearchBar'
-export * from './SearchWrapper'
-export * from './StatusesSummary'
+export * from './CICommitLink.js'
+export * from './EnvelopesWrapper.js'
+export * from './ExecutionSummary.js'
+export * from './FilteredResults.js'
+export * from './GherkinDocumentList.js'
+export * from './HighLight.js'
+export * from './NoMatchResult.js'
+export * from './QueriesWrapper.js'
+export * from './SearchBar.js'
+export * from './SearchWrapper.js'
+export * from './StatusesSummary.js'

test/HighlightTest.tsx

@@ -1,9 +1,9 @@
 import assert from 'assert'
 import ReactDOM from 'react-dom'
 import React from 'react'
-import { HighLight } from '../src/components/app'
+import { HighLight } from '../src/components/app/index.js'
 import { JSDOM } from 'jsdom'
-import SearchQueryContext, { SearchQueryCtx } from '../src/SearchQueryContext'
+import SearchQueryContext, { SearchQueryCtx } from '../src/SearchQueryContext.js'
 
 describe('HighLight', () => {
   function renderHighlight(text: string, query: string, markdown: boolean): Document {

test/isTagExpressionTest.ts

@@ -1,5 +1,5 @@
 import assert from 'assert'
-import isTagExpression from '../src/isTagExpression'
+import isTagExpression from '../src/isTagExpression.js'
 
 describe('isTagExpression', () => {
   it('returns false with empty string', () => {