Fix SCSS rule detection to use proper filename in test

Changed rule.test.test('.scss') to rule.test.test('example.scss')
because webpack SCSS rules typically use patterns like /\.scss$/
which require a full filename to match properly, not just the
extension.

The string '.scss' doesn't match /\.scss$/ but 'example.scss' does.

This fixes the test failures where CSS wasn't being loaded, making
React components appear as empty divs (not visible).

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: justin808

react_on_rails_pro/spec/dummy/config/webpack/commonWebpackConfig.js

@@ -29,7 +29,7 @@ const baseClientWebpackConfig = generateWebpackConfig();
 
 // Add sass-resources-loader to all SCSS rules
 baseClientWebpackConfig.module.rules.forEach((rule) => {
-  if (Array.isArray(rule.use) && rule.test && rule.test.test('.scss')) {
+  if (Array.isArray(rule.use) && rule.test && rule.test.test('example.scss')) {
     rule.use.push(sassLoaderConfig);
   }
 });

spec/dummy/config/webpack/commonWebpackConfig.js

@@ -25,7 +25,7 @@ const sassLoaderConfig = {
 baseClientWebpackConfig.module.rules.forEach((rule) => {
   if (Array.isArray(rule.use)) {
     // Add sass-resources-loader to all SCSS rules (both .scss and .module.scss)
-    if (rule.test && rule.test.test('.scss')) {
+    if (rule.test && rule.test.test('example.scss')) {
       rule.use.push(sassLoaderConfig);
     }