Is there a way to remove data-* from .js files? about babel-plugin-jsx-remove-data-test-id

[viniciusavieira]

@coderas sorry for the time without response. I think that actually what @jenniferlynparsons pointed makes a lot of sense, and I noticed that in the last release it is working fine.

It was probably related to the setup I guess.

Thanks for your time!

[coderas]

Hi, this should be down to your build configuration. The plugin doesn't really care about the file extension, so anytime babel is parsing your JSX, it should strip the attributes just fine.

[viniciusavieira]

Nice, maybe I've got some setup wrong, I've installed the plugin and checked it really stripped off the data-testis(react-testing-library) when I did build the project.
But as I ran than test suite, it broke most of tests by not find this same data-testid elements.
Do I have to setup something different?
I did installed it and add to the plugin list on Babel.rc.

Thanks again.

[coderas]

Do you have some config to look at?

Reopening, closed by accident!

[coderas]

It sounds a lot like you need a different setup for your test environment.

If you post your configs that might help us to take a look.

[jenniferlynparsons]

@viniciusavieira i had the same issue. i resolved it by limiting the plugin to the prod or dev environments only:

{
  env: {
    production: {
      plugins: ["babel-plugin-jsx-remove-data-test-id"]
    },
    test: {
      plugins: ["other-plugins"]
    }
  }
}

[coderas]

No worries, thanks for the thread!