Not able to run tests if test files are not inside src directory using Snowpack

tests/App.test.jsx:

 🚧 Browser logs:
      TypeError: Failed to fetch dynamically imported module: http://localhost:8000/easy-collab-frontend/tests/App.test.jsx?wtr-session-id=b3ca1529-8150-4d2c-b050-5a62560ca4c0

When I put my whole tests folder inside the src directory everything seems to work but if I put it in root it starts giving the error.

// App.test.jsx

import React from 'react';
import { render, screen } from '@testing-library/react';
import { expect } from 'chai';

import '../src/internationalization/index';
import App from '../src/components/App';

describe('App', () => {
  it('renders App component', () => {
    render(<App />);
    const unauth = screen.getByText('Unauthorized Access!!');
    expect(document.body.contains(unauth));
  });
});

//  web-test-runner.config.js

process.env.NODE_ENV = 'test';
const str = require('@snowpack/web-test-runner-plugin')();

module.exports = {
  testFramework: {
    config: {
      ui: 'bdd',
      timeout: '2000',
    },
  },
  plugins: [str],
  coverageConfig: {
    exclude: ['**/*/_snowpack/**/*'],
  },
};

Script

    "test": "web-test-runner \"tests/**/*.test.jsx\" --node-resolve",

If someone can help, it would be great or if it’s a bug then please provide some workarounds.

[IanVS]

@ShivamJoker here’s an example with most of the rest of the config stripped out:

const IS_TESTING = process.env.NODE_ENV === 'test';

const mount = {
  public: { url: '/', static: true },
  src: { url: '/dist' },
};

if (IS_TESTING) {
  mount['test-setup'] = { url: '/test-setup' };
}

module.exports = {
  mount,
  plugins: [],
  routes: [],
  optimize: {},
  packageOptions: {
    polyfillNode: IS_TESTING,
  },
  devOptions: {},
  buildOptions: {},
};

In my case, I put my actual test files next to my components in /src, but I have some setup files that I only want to mount when I’m testing. You could do something similar for your /tests directory.

[IanVS]

@ShivamJoker what would you suggest should be implemented?