PortForward (4.86% coverage) in `frontend/src/components/common/Resource/PortForward.tsx` - Create PortForward.stories.tsx with port forward form, connection pending loading state, connection established success, connection failed error state, and port already in use error

Repository-Metriken

Stars

6.936 Sterne (6.936 Sterne)

PR-Merge-Metriken

PR-Metriken ausstehend (PR-Metriken ausstehend)

Beschreibung

Contributor Guide

Research-Richtung

Untersuchen Sie vorhandene Storybook Stories im Repository, um Muster zu erkennen. Studieren Sie die Props und Zustände der PortForward Komponente. Erstellen Sie Stories für jeden Zustand: Formular, Laden, Erfolg, Fehler und Port bereits in Verwendung Fehler.

Tech Stack

typescriptreactstorybook

Domain

frontend

Issue Type

Test

SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.

2

Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.

Halber Tag

AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.

Aktiv

KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.

Klar

Voraussetzungen

ReactTypeScriptStorybook

EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.

75