Skip to content

kobenguyent/qa-utils

Repository files navigation

QA Utils πŸš€

Donate with PayPal "Buy Me A Coffee"

A comprehensive collection of quality assurance tools and utilities designed to enhance your testing workflow. Built with modern React, TypeScript, and optimized for performance with comprehensive test coverage.

🌐 Live Demo | πŸ“Š 130 Tests | 🎯 Mobile-First Design

QA Utils Homepage

✨ Features

πŸ› οΈ Utility Tools

🌐 JWT Debugger

Decode and analyze JSON Web Tokens with enhanced features:

  • Multi-line textarea for handling long JWT tokens
  • πŸ“‹ Paste from Clipboard button for easy token input
  • πŸ—‘οΈ Clear functionality to reset input quickly
  • Real-time validation with expiration status
  • Syntax-highlighted decoded payload display
  • Copy to clipboard functionality for decoded data

JWT Debugger

πŸš€ CI/CD Workflow Generator

Professional workflow generator supporting multiple platforms:

  • 5 CI/CD Platforms: GitHub Actions, GitLab CI, Azure DevOps, Jenkins, Bitbucket Pipelines
  • API & E2E Testing: Configurable test types with multiple runners
  • Test Runner Support: Playwright, Puppeteer, WebDriverIO, Cypress
  • Node.js Versions: 16, 18, 20, 21 support
  • NPM Publishing: Automated package publishing workflows
  • Real-time Preview: Live preview with syntax highlighting
  • One-click Download: Generate and download workflow files instantly
  • Comprehensive Instructions: Detailed setup guidance for each platform

CI/CD Workflow Generator

🌐 REST Client

Advanced REST API testing and development tool:

  • HTTP Methods: Support for GET, POST, PUT, DELETE, HEAD requests
  • Curl Import: Parse and import curl commands automatically
  • Request Builder: Visual interface for building requests
  • Response Viewer: Formatted JSON display with syntax highlighting
  • Request History: Track and reload previous requests
  • Header Management: Easy header editing and management
  • Copy Functionality: Copy responses and export as curl commands

REST Client

πŸ”Œ WebSocket Client

Real-time WebSocket testing and debugging tool:

  • Real-time Connection: Live WebSocket connection management
  • Auto-reconnect: Configurable automatic reconnection with retry limits
  • Protocol Support: Custom WebSocket protocols and subprotocols
  • Message History: Complete conversation tracking with timestamps
  • Connection Status: Visual indicators for connection state
  • Message Formatting: JSON formatting and syntax highlighting
  • Copy Functionality: Copy individual messages or entire conversations

⚑ gRPC Client

Test gRPC services with browser-compatible gRPC-Web support:

  • gRPC-Web Protocol: Browser-compatible gRPC communication
  • Unary Calls: Standard request-response gRPC calls
  • Streaming Support: Server streaming call handling
  • Protobuf Integration: Parse .proto files for service discovery
  • Metadata Management: Custom headers and gRPC metadata
  • Request History: Track and reload previous gRPC calls
  • JSON Interface: User-friendly JSON input for protobuf messages
  • Response Analysis: Detailed response inspection with status codes

πŸ›Έ Base64 Encode/Decode

Simple and efficient Base64 operations:

  • Bidirectional conversion (encode/decode)
  • Clean interface with instant results
  • Error handling for invalid inputs
  • Copy functionality for results

Base64 Tool

οΉ› JSON Formatter ﹜

Advanced JSON processing capabilities:

  • Pretty-print JSON with syntax highlighting
  • Collapsible tree view for large objects
  • Error detection and validation
  • Copy to clipboard functionality
  • Real-time formatting as you type

⏰ Unix Timestamp Converter

Convert between Unix timestamps and human-readable dates:

  • Bidirectional conversion (timestamp ↔ date)
  • Multiple format support (seconds/milliseconds)
  • Timezone handling with local time display
  • Real-time conversion with validation

🌠 Additional Tools

  • UUID Generator: Generate UUIDs v1, v4 with copy functionality
  • JIRA Comment Generator: Format comments for JIRA with markdown support
  • 🌠 OTP Generator: Generate time-based and counter-based OTP codes
  • πŸ” Encryption/Decryption: Multiple encryption algorithms support
  • πŸ€– Playwright to CodeceptJS: Convert Playwright tests to CodeceptJS format

πŸ“š Educational Resources

πŸ’‘ Hints

  • πŸ”₯πŸ’‘ CodeceptJS Hints: Best practices and tips for CodeceptJS testing

πŸ“š Technical Terms

  • Interactive Voice Response (IVR): Comprehensive guide
  • Busy Lamp Field (BLF): Technical specifications
  • Session Initiation Protocol (SIP): Protocol documentation

πŸ“š ISTQB Certification

  • CTFL v4 Practice Exams: Interactive practice tests for certification preparation

πŸ—οΈ Technical Architecture

🎯 Performance Optimizations

  • Code splitting with React.lazy for reduced bundle size
  • Lazy loading of route components for faster initial load
  • Bundle optimization with separate chunks
  • Performance monitoring with Web Vitals
  • Mobile-first responsive design with Bootstrap

πŸ§ͺ Comprehensive Testing

  • 130 test cases across 12 test files
  • Component testing with React Testing Library
  • Utility function testing with comprehensive coverage
  • WebSocket & gRPC client testing with mocked services
  • Integration tests demonstrating real-world usage patterns
  • CI/CD integration with automated testing on PRs
  • Coverage reporting with detailed metrics

πŸ”’ Security Features

  • XSS protection with input sanitization
  • Content Security Policy headers
  • Input validation across all forms
  • Secure clipboard operations with fallback support

πŸ“± Mobile Experience

  • Mobile-first design with responsive layouts
  • Touch-friendly interfaces with proper target sizes
  • Progressive enhancement for all devices
  • Accessibility compliance with ARIA attributes

πŸš€ Getting Started

Prerequisites

  • Bun (recommended) or Node.js 16+
  • Modern web browser with ES6+ support

Installation & Development

With Bun (Recommended)

bun install && bun run dev

Alternative: With Node.js

npm install && npm run dev

The application will be available at: http://localhost:5173/

Available Scripts

# Development server
bun run dev          # Start development server with hot reload

# Building
bun run build        # Build for production
bun run build:github # Build for GitHub Pages deployment

# Testing
bun test            # Run all tests
bun run test:ui     # Run tests with UI
bun run test:coverage # Generate coverage report

# Code Quality
bun run lint        # Run ESLint with TypeScript support
bun run preview     # Preview production build

πŸ—οΈ Technology Stack

  • Frontend: React 18, TypeScript, Bootstrap 5
  • Build System: Vite with SWC for fast builds
  • Testing: Vitest + React Testing Library (62 tests)
  • Package Manager: Bun (with npm fallback)
  • Code Quality: ESLint, TypeScript strict mode
  • CI/CD: GitHub Actions with automated testing
  • Deployment: GitHub Pages with automated workflows

🀝 Contributing

We welcome contributions! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.

Development Guidelines

  1. Write tests for new features (maintain 100% coverage goal)
  2. Follow TypeScript strict mode guidelines
  3. Use semantic commit messages for clear change tracking
  4. Ensure mobile responsiveness for all new components
  5. Add proper accessibility attributes and keyboard navigation

πŸ“„ License

This project is open source and available under the MIT License.

πŸ’ Support

If you find this project helpful, consider:

Built with ❀️ for the testing community by KobeT

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •  

Languages