Problem details

the issue exists for following packages:

• jest-serializer-make-styles,
• babel-make-styles,
• make-styles,
• make-styles-webpack-loader

#18337 introduced Jest aliases to workaround build issues, but the problem was not completely solved. As #16889 is going to use Jest aliases too, we will have the same problem there:

● Validation Error:

  Module @fluentui/jest-serializer-make-styles in the snapshotSerializers option was not found.
         <rootDir> is: office-ui-fabric-react\packages\react-image

  Configuration Documentation:
  https://jestjs.io/docs/configuration.html

We met the problem before with babel-make-styles (#18040) and there is a proposal how to solve it (#18144).

Possible solutions

• use @babel/register/ts-node/esbuild-register/etc (WIP: buildless setup when consuming monorepo dependencies  #18144)
• rewrite jest-serializer-make-styles to JS, however it will not solve problem for other packages, POC in POC: rewrite jest-serializer-make-styles to JS #18356