[Question] How to configure filtering?

[EvgenyOrekhov]

Documentation for filtering is very confusing. I tried every possible combination of options, but I wasn't able to set up filtering the way I want.

What I want:

1. Collect coverage for all *.ts and *.tsx files in my project's src/ folder (even for those files that weren't executed during a test run).
2. Exclude files in __tests__ folders. I do not want test files to show up in the report.
3. Exclude testData.ts, *.test.ts, and *.test.tsx files. I do not want test files to show up in the report.
4. Exclude npm packages. I do not want third party files to show up in the report.

I tried every combination of all, filter, entryFilter, and sourceFilter options I could think of, but every time the result is unexpected.

I either get 0% coverage, or I get third party files in the report (like src/applyMiddleware.ts from Redux, or src/Components/Alert/Alert.tsx from a UI library).
And I just can't exclude test files like src/actions/main/__tests__/main.test.tsx.

I think this use case is very common, so it would be helpful for the community if you could provide an example configuration for it.

[cenfun]

filter is an alias of entryFilter and sourceFilter you can ignore it
entryFilter is used for distribution files, for example: dist/ab.dist.js
sourceFilter is used for source files which extracted from above dist file with sourcemap, for example: src/a.ts, src/b.ts
all is used for all files included untested files, for example: src/untest.ts, see https://github.com/cenfun/monocart-coverage-reports?tab=readme-ov-file#adding-empty-coverage-for-untested-files

[EvgenyOrekhov]

@cenfun Yes, I read the docs, but I still don't quite get how to set it up properly.
Either I'm doing something wrong, or something doesn't work as expected.

Here's what I have:

              coverage: {
                all: {
                  dir: ['./src'],
                  filter: {
                    /* eslint-disable sort-keys-fix/sort-keys-fix -- order matters */
                    '**/node_modules/**': false,
                    '**/*.js': false,
                    '**/*.test.*': false,
                    '**/__test__/**': false,
                    '**/__tests__/**': false,
                    '**/testData.ts': false,
                    '**/*.ts': true,
                    '**/*.tsx': true,
                    /* eslint-enable sort-keys-fix/sort-keys-fix */
                  },
                },
                entryFilter: {
                  /* eslint-disable sort-keys-fix/sort-keys-fix -- order matters */
                  '**/node_modules/**': false,
                  '**/**': true,
                  /* eslint-enable sort-keys-fix/sort-keys-fix */
                },
                sourceFilter: {
                  /* eslint-disable sort-keys-fix/sort-keys-fix -- order matters */
                  '**/node_modules/**': false,
                  '**/*.js': false,
                  '**/*.test.*': false,
                  '**/__test__/**': false,
                  '**/__tests__/**': false,
                  '**/testData.ts': false,
                  'src/**/*.ts': true,
                  'src/**/*.tsx': true,
                  /* eslint-enable sort-keys-fix/sort-keys-fix */
                },
              }

and I'm still seeing files from some npm packages.

These are from a UI library:

These are from Redux:

From some other npm packages:

[cenfun]

I don’t know the specific structure of your project, so I still can’t identify the root cause of the problem.
front-end or backend nodejs project?
build tools? webpack? vitejs?
framework vuejs? reactjs and so on ...
It would be great if you could provide a minimal repo for debugging purposes.

I guess the entryFilter should filter out Redux and other npm packages first.

entryFilter: {
                  /* eslint-disable sort-keys-fix/sort-keys-fix -- order matters */
                  '**/node_modules/**': false,

                  '**/redux.dist.js': false,
                  '**/other.dist.js': false,

                  '**/**': true,
                  /* eslint-enable sort-keys-fix/sort-keys-fix */
                },

[EvgenyOrekhov]

@cenfun

I have a frontend project (React + TypeScript). Rsbuild is the build tool (has webpack-compatible API).

My Rsbuild entry config (2 entry points):

    entry: {
      embed: {
        filename: 'embed.js',
        html: false,
        import: './src/embed/embed.ts',
      },
      index: {
        import: './src/index.tsx',
      },
    },

I also have chunkSplit: { strategy: 'all-in-one' } in my config.

The final structure of the build:

Do you have any specific suggestions for my case?

[cenfun]

I think you first need to find out which file contains all the source files.
Assuming it is file index.xxx.js, then the entryFilter should be written as follows

entryFilter: (entry) => {
   if (entry.url.includes("static/js/index.")) {
    return true;
  }
  return false;
}

[EvgenyOrekhov]

@cenfun OK so having this config:

              coverage: {
                entryFilter: entry => {
                  if (entry.url.includes('static/js/index.')) {
                    return true;
                  }
                  return false;
                },
              },

I'm getting this:

Just 2 files from my project (index.tsx and polyfills.ts), and a bunch of npm packages.