jest tests pass with import css

Author: timea-solid

jest.config.mjs

@@ -11,6 +11,9 @@ export default {
     '^.+\\.[tj]sx?$': ['babel-jest', { configFile: './babel.config.mjs' }],
   },
   transformIgnorePatterns: ['/node_modules/(?!lit-html).+\\.js'],
+  moduleNameMapper: {
+    '\\.css$': '<rootDir>/test/__mocks__/styleMock.js',
+  },
   setupFilesAfterEnv: ['./test/helpers/setup.ts'],
   testMatch: ['**/?(*.)+(spec|test).[tj]s?(x)'],
   roots: ['<rootDir>/src', '<rootDir>/test'],

src/outline/manager.js

@@ -173,6 +173,10 @@ export default function (context) {
     const td = dom.createElement('td')
     td.classList.add('obj')
     td.setAttribute('notSelectable', 'false')
+    td.style.margin = '0.2em'
+    td.style.border = 'none'
+    td.style.padding = '0'
+    td.style.verticalAlign = 'top'
     const theClass = 'obj'
 
     // set about and put 'expand' icon
@@ -196,7 +200,6 @@ export default function (context) {
       ).addEventListener('click', expandMouseDownListener)
     }
     td.setAttribute('class', theClass) // this is how you find an object
-    // @@ TAKE CSS OUT OF STYLE SHEET
     if (kb.whether(obj, UI.ns.rdf('type'), UI.ns.link('Request'))) {
       td.className = 'undetermined'
     } // @@? why-timbl

test/__mocks__/styleMock.js

@@ -0,0 +1 @@
+module.exports = {};