Skip to content

test(plugin-vue): add e2e test case for custom css modules inject name#5933

Merged
chenjiahan merged 1 commit intomainfrom
vue_e2e_0823
Aug 23, 2025
Merged

test(plugin-vue): add e2e test case for custom css modules inject name#5933
chenjiahan merged 1 commit intomainfrom
vue_e2e_0823

Conversation

@chenjiahan
Copy link
Copy Markdown
Member

Summary

Add test case to verify custom CSS Modules inject name works in both dev and prod builds.

Related Links

Checklist

  • Tests updated (or not required).
  • Documentation updated (or not required).

Copilot AI review requested due to automatic review settings August 23, 2025 12:31
@netlify
Copy link
Copy Markdown

netlify Bot commented Aug 23, 2025

Deploy Preview for rsbuild ready!

Name Link
🔨 Latest commit f5d5ee1
🔍 Latest deploy log https://app.netlify.com/projects/rsbuild/deploys/68a9b491e7b08e0008ade237
😎 Deploy Preview https://deploy-preview-5933--rsbuild.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 82 (🟢 up 7 from production)
Accessibility: 97 (no change from production)
Best Practices: 100 (no change from production)
SEO: 100 (no change from production)
PWA: 60 (no change from production)
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR adds an E2E test case to verify that custom CSS Modules inject names work correctly in Vue SFC (Single File Components) with both dev and production builds. The test ensures that CSS modules can use custom attribute names (like module="classes") instead of the default $style.

Key changes:

  • Adds a complete E2E test setup for custom CSS Modules inject names in Vue SFCs
  • Tests both development and production build scenarios
  • Verifies CSS color styling is applied correctly through custom CSS module names

Reviewed Changes

Copilot reviewed 5 out of 5 changed files in this pull request and generated no comments.

Show a summary per file
File Description
e2e/cases/plugin-vue/sfc-css-modules-custom/src/style.module.css External CSS module file with green color styling
e2e/cases/plugin-vue/sfc-css-modules-custom/src/index.js Vue app entry point mounting the root component
e2e/cases/plugin-vue/sfc-css-modules-custom/src/App.vue Vue SFC demonstrating custom CSS modules usage with both inline and external modules
e2e/cases/plugin-vue/sfc-css-modules-custom/rsbuild.config.ts Basic Rsbuild configuration with Vue plugin
e2e/cases/plugin-vue/sfc-css-modules-custom/index.test.ts E2E test cases verifying custom CSS modules work in dev and prod builds

@chenjiahan chenjiahan merged commit 8955055 into main Aug 23, 2025
12 checks passed
@chenjiahan chenjiahan deleted the vue_e2e_0823 branch August 23, 2025 12:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants