feat: auto ui test

[Alex-huxiyang]

🤔 这个变动的性质是？

• 新特性提交
• 日常 bug 修复
• 站点、文档改进
• 演示代码改进
• 组件样式/交互改进
• TypeScript 定义更新
• 包体积优化
• 性能优化
• 功能增强
• 国际化改进
• 重构
• 代码风格优化
• 测试用例
• 分支合并
• 其他改动（是关于什么的改动？）

🔗 相关 Issue

💡 需求背景和解决方案

☑️ 请求合并前的自查清单

⚠️ 请自检并全部勾选全部选项。⚠️

• 文档已补充或无须补充
• 代码演示已提供或无须提供
• TypeScript 定义已补充或无须补充
• fork仓库代码是否为最新避免文件冲突
• Files changed 没有 package.json lock 等无关文件

Summary by CodeRabbit

• 新功能

  • 引入了Cypress配置文件，简化了端到端测试的设置。
  • 新增了多个组件的测试用例，包括ActionSheet、Button、Cell等，验证了组件的属性和行为。
  • 添加了新的测试脚本以支持自动化测试和UI测试。

• 文档

  • 新增了example.json文件，用于测试时的模拟数据。

• 依赖更新

  • 更新了package.json，引入Cypress作为开发依赖，增强了测试框架。

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

此次更改引入了多个Cypress测试文件和配置，旨在增强组件的端到端和单元测试能力。新增的cypress.config.ts文件定义了测试环境的基本配置。多个组件的测试文件被创建，包括ActionSheet、Button和Cell，并且添加了全局错误处理机制以提高测试的稳定性。此外，package.json文件中的测试脚本也进行了重命名和新增，以支持新的测试功能。

Changes

文件路径	更改摘要
cypress.config.ts	新增配置文件，使用defineConfig设置端到端测试环境，指定基本URL和测试规范路径，定义视口尺寸。
cypress/component/Actionsheet.cy.jsx	新增ActionSheet组件的测试文件，包含三个测试用例，验证组件的属性和行为。
cypress/component/Button.cy.jsx	在Button.cy.jsx中新增测试用例playground，用于测试Button组件的功能。
cypress/component/Cell.cy.jsx	新增Cell组件的测试文件，包含多个测试用例，验证组件的属性、事件发射和插槽内容。
cypress/e2e/index.cy.js	引入多个Cypress端到端测试文件的导入语句，并添加全局错误处理机制以防止未捕获异常导致测试失败。
cypress/e2e/taro/base.cy.js	新增基础组件的测试套件，包含多个测试用例，验证组件的功能。
cypress/e2e/taro/dentry.cy.js	新增测试工具函数componentTest，用于简化组件的测试设置和执行。
cypress/e2e/taro/layout.cy.js	新增布局组件的测试套件，包含多个测试用例，验证布局组件的功能。
cypress/e2e/taro/nav.cy.js	新增导航组件的测试套件，包含多个测试用例，验证导航组件的功能。
cypress/fixtures/example.json	新增JSON文件example.json，包含用于测试的模拟数据结构。
cypress/support/commands.ts	新增文件，定义自定义命令并扩展Cypress的类型安全性。
cypress/support/component-index.html	新增HTML文件，定义基本的HTML结构，供Cypress测试使用。
cypress/support/component.ts	新增支持组件测试的文件，提供全局配置和行为修改设置，注册mount方法。
cypress/support/e2e.ts	新增支持文件，提供全局配置和行为修改，自动加载于测试文件之前。
package.json	修改test脚本为test:unit，新增test:auto和test:auto:run脚本，添加cypress依赖并调整prettier-markdown-table的依赖位置。
packages/nutui-taro-demo/config/index.js	在h5配置中新增output对象，启用asyncFunction。
packages/nutui-taro-demo/src/index.html	在index.html中新增空的<style>标签，作为未来CSS样式的占位符。

Possibly related PRs

• chore(demo): 更新组件引用方式 #2304: 更新组件引用，可能与Cypress配置更改相关，因为两者都涉及组件的测试设置。
• feat(pulltorefresh): 适配鸿蒙、RN、小程序、H5; RN scrollview 默认事件无法阻止 #2342: 引入新的测试工具函数，可能与主PR中的Cypress测试设置相关，增强了测试框架。
• fix: 已适配组件, demo不在环境判断+demo优化 #2388: 优化演示代码，可能间接与Cypress测试设置相关，通过改善代码结构和组织。
• fix: 简化RN开发流程+优化同步脚本 #2458: 简化RN开发过程，可能与Cypress配置相关，如果涉及测试React Native组件。
• feat(popup): RN #2614: 为RN引入新的Popup组件，如果涉及测试UI组件，可能与Cypress测试设置相关。
• fix: taro async warning in taro-h5 env #2636: 解决Taro H5环境中的异步警告，可能与Cypress配置相关，如果影响异步组件的测试。
• fix: sass warning in consle after updating #2647: 修复Sass警告，可能与项目的整体设置和配置相关，包括Cypress的测试配置。

Suggested reviewers

• oasis-cloud

🐰 兔子欢跳庆新生，
Cypress配置真不凡。
测试组件无忧虑，
代码更美更流畅！
让我们一起欢庆吧，
测试之路更辉煌！ 🎉

---

Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

• Review comments: Directly reply to a review comment made by CodeRabbit. Example:
  • I pushed a fix in commit <commit_id>, please review it.
  • Generate unit testing code for this file.
  • Open a follow-up GitHub issue for this discussion.
• Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
  • @coderabbitai generate unit testing code for this file.
  • @coderabbitai modularize this function.
• PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
  • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
  • @coderabbitai read src/utils.ts and generate unit testing code.
  • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
  • @coderabbitai help me debug CodeRabbit configuration file.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (Invoked using PR comments)

• @coderabbitai pause to pause the reviews on a PR.
• @coderabbitai resume to resume the paused reviews.
• @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
• @coderabbitai full review to do a full review from scratch and review all the files again.
• @coderabbitai summary to regenerate the summary of the PR.
• @coderabbitai resolve resolve all the CodeRabbit review comments.
• @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
• @coderabbitai help to get help.

Other keywords and placeholders

• Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
• Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
• Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

• You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
• Please see the configuration documentation for more information.
• If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Documentation and Community

• Visit our Documentation for detailed information on how to use CodeRabbit.
• Join our Discord Community to get help, request features, and share feedback.
• Follow us on X/Twitter for updates and announcements.