using identity-obj-proxy for scss: all scss variables are undefined during testrun

[keyz]

using identity-obj-proxy for scss: all scss variables are undefined during testrun

[etiennejcharles]

@Link631 If possible provide the solution you did so that other people encountering the issue might come here and find what you did

[Link631]

I solved my problem by implementing a custom proxy. The custom proxy requires the compiled js and iterates over the keys and sets key = key.

Furthermore it returns the Object under the requested key.

Now the keys of my scss are being set during the testrun.

If there is another way, how to make this standard proxy from this repository work, I would kindly ask for some advice. If it is really not working in this szenario, I could provide my solution.

Regards.

[andrewfritz86]

@Link631 +1 - would love to see your solution

[Link631]

Oh... it was long long time ago...

Basicly I was doing something like this

https://github.com/routablehq/jest-scss-transform

I wrote a custom transform which returned the scss class keys. For example if you have following scss variables:

$brandPrimary: #000000;
$brandSecondary: #ffffff;

:export {
brandPrimary: $brandPrimary;
brandSecondary: $brandSecondary;
}

Then the export of my transformation looked like this:

{
brandPrimary: "brandPrimary",
brandSecondary: "brandSecondary"
.....
}

After that i found my classes and values within my snapshots.

Off course, you do not check if the content of brandPrimary is set correctly within the scss, but you do check, if your html components do have the correct css classes set....

[andrewfritz86]

Thanks!