Skip to content

Add automated Cross-Framework testing for Web Component #140

@tinyjin

Description

@tinyjin

thorvg.web provides a web component that can be used across different frontend frameworks (React, Vue, Svelte, etc.) via NPM/CDN. While the library doesn't officially support specific frameworks, it's designed to work universally as a web component.

However, framework compatibility testing is done manually for important changes. Need an automated testing pipeline that validates thorvg.web functionality across major frontend frameworks.

  • React
  • Vue
  • Svelte

Solution

  1. Extended Examples Structure
examples/
├── default/                    # Vanilla JS with CDN
│   ├── index.html
│   └── benchmark.html
├── react/                          # React 18+ with Vite
│   ├── package.json
│   ├── vite.config.ts
│   ├── index.html
├── vue/                            # Vue 3+ with Vite
│   ├── package.json
│   ├── vite.config.ts
│   ├── index.html
├── svelte/                         # Svelte 4+ with Vite
│   ├── package.json
│   ├── vite.config.ts
│   ├── index.html
  1. Framework-Specific Package Configurations
  2. Build Validation Scripts
  3. CI/CD Integration (like cross-framework-test.yml)

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions