Test e debug

Verdent for VS Code ti aiuta a scrivere test completi e a eseguire il debug dei problemi attraverso cicli multipass di generazione-test-riparazione, analisi degli errori e miglioramenti automatici della copertura dei test. Genera test unitari, di integrazione ed end-to-end che rispecchiano il framework di test e lo stile del tuo progetto.

Cosa imparerai

• Generare test unitari che coprono casi limite e comportamenti attesi
• Lavorare con tutti i principali framework di test (Jest, Pytest, JUnit, ecc.)
• Creare test di integrazione che verificano flussi di lavoro con più componenti
• Migliorare la copertura dei test individuando e testando i percorsi di codice non coperti
• Eseguire il debug dei problemi usando l'analisi dei messaggi di errore e il tracciamento dell'esecuzione
• Diagnosticare i bug a partire da stack trace, log degli errori e comportamenti inattesi

Prerequisiti

Prima di eseguire test e debug con Verdent:

• Visual Studio Code con l'estensione Verdent installata
• Un codebase o un workspace di progetto aperto in VS Code
• Un abbonamento Verdent attivo con crediti disponibili
• Un framework di test configurato nel tuo progetto (facoltativo per la generazione di test)

Scrivere test unitari

Verdent genera test unitari che rispecchiano il framework di test e lo stile del tuo progetto. Analizza i test esistenti per comprendere i tuoi pattern, quindi genera test con setup, asserzioni e mocking appropriati.

Esempio:

Write unit tests for the calculateDiscount function

Verdent farà quanto segue:

• Esaminerà l'implementazione della funzione calculateDiscount
• Identificherà i parametri di input e i valori di ritorno
• Analizzerà i test esistenti per rispecchiare le tue convenzioni (struttura dei test, stile delle asserzioni, pattern di denominazione)
• Genererà test che coprono:
  • Percorso principale: input validi con output attesi
  • Casi limite: valori di confine, zero, numeri negativi, valori massimi
  • Input non validi: null, undefined, tipi errati
  • Comportamento atteso: validazione della logica di business

Struttura dei test generati:

Verdent crea test seguendo i pattern del tuo progetto:

• Organizzazione della suite di test: blocchi describe, classi di test o struttura a moduli
• Setup e teardown: hook before/after che rispecchiano i tuoi test esistenti
• Asserzioni: usando la libreria di asserzioni del tuo progetto (expect, assert, should, ecc.)
• Mocking: rispecchiando i tuoi pattern di mocking (jest.mock, sinon, unittest.mock)
• Convenzioni di denominazione: nomi dei test che seguono lo stile che hai stabilito

Cicli multipass di generazione-test-riparazione:

Per test completi, Verdent usa cicli multipass:

1. Genera: crea la suite di test iniziale
2. Esegui: esegue i test per verificarne il funzionamento
3. Ripara: corregge i test falliti o migliora la copertura
4. Itera: ripete finché i test non passano e la copertura non è sufficiente

Questo garantisce che i test non vengano solo scritti, ma funzionino effettivamente in modo corretto con il tuo codebase.

Framework di test supportati

Verdent supporta tutti i principali framework di test tra i diversi linguaggi di programmazione e stack tecnologici senza richiedere configurazioni aggiuntive.

test('sum returns correct result', () => {
  expect(sum(2, 3)).toBe(5);
});

const assert = require('assert');

describe('sum', () => {
  it('returns correct result', () => {
    assert.strictEqual(sum(2, 3), 5);
  });
});

import { describe, it, expect } from 'vitest';

it('sum returns correct result', () => {
  expect(sum(2, 3)).toBe(5);
});

describe('sum', () => {
  it('returns correct result', () => {
    expect(sum(2, 3)).toEqual(5);
  });
});

Verdent riconosce il tuo framework di test dalla configurazione del progetto e dai test esistenti, generando automaticamente test che rispecchiano il tuo setup.

Generare test di integrazione

Verdent genera test di integrazione che verificano come più componenti, servizi o moduli funzionano insieme. Crea test che simulano flussi di lavoro reali, comprese interazioni con API, operazioni sul database, flussi di autenticazione e percorsi utente multi-step.

Esempio:

Write integration tests for the user registration flow

Verdent genera test che verificano il flusso completo:

1. Invio del modulo: l'utente invia il modulo di registrazione con dati validi
2. Validazione: il backend valida il formato dell'email, la robustezza della password e la completezza dei dati
3. Inserimento nel database: il record utente viene creato nel database
4. Invio dell'email: viene inviata l'email di conferma (simulata o reale)
5. Login riuscito: il nuovo utente può accedere immediatamente con le proprie credenziali

Struttura dei test di integrazione:

Verdent crea test di integrazione con:

• Setup del test: seeding del database, inizializzazione dei servizi, creazione dei dati di test
• Simulazione del flusso di lavoro: operazioni multi-step in sequenza
• Verifica dello stato: controllo dello stato del database, delle risposte di API, degli effetti collaterali
• Mocking dei servizi esterni: servizi di email, API di pagamento, integrazioni di terze parti
• Teardown del test: pulizia dei dati di test, rollback del database, arresto dei servizi

Esempi di scenari di test:

Write integration tests for the checkout and payment process

Verdent testa:

• L'aggiunta di articoli al carrello
• L'applicazione di codici sconto
• Il calcolo dei totali con tasse e spedizione
• L'elaborazione del pagamento (con gateway di pagamento simulato)
• La creazione del record dell'ordine nel database
• L'invio dell'email di conferma
• L'aggiornamento dell'inventario

Isolamento dei test:

Verdent garantisce che i test di integrazione siano correttamente isolati:

• Ogni test parte con uno stato del database pulito
• Le chiamate ai servizi esterni sono simulate per prevenire effetti collaterali
• I test possono essere eseguiti in qualsiasi ordine senza dipendenze
• La pulizia avviene anche se i test falliscono

Migliorare la copertura dei test

Verdent analizza il tuo codebase per individuare funzioni, branch e casi limite non testati, quindi genera test per migliorare la copertura. Esamina la tua suite di test esistente e individua le lacune in cui i percorsi di codice non vengono esercitati.

Esempio:

Analyze test coverage and write tests for uncovered code paths in the payment module

Verdent farà quanto segue:

1. Analizzare i test esistenti: esaminare ciò che è attualmente testato
2. Individuare le lacune di copertura: trovare funzioni specifiche, branch condizionali, percorsi di gestione degli errori e casi limite privi di test
3. Generare i test mancanti: creare test mirati al codice non coperto
4. Verificare il miglioramento della copertura: eseguire i test per confermare l'aumento della copertura

Cosa individua Verdent:

• Funzioni non testate: funzioni prive di qualsiasi copertura di test
• Branch condizionali: istruzioni if/else in cui un branch non è testato
• Percorsi di gestione degli errori: blocchi try/catch o callback di errore senza test di fallimento
• Casi limite: valori di confine, gestione di null/undefined, coercizione di tipo
• Punti di integrazione: chiamate a API, operazioni sul database, interazioni con servizi esterni

Esempio di miglioramento della copertura:

Improve test coverage for the UserService class

Verdent individua:

• getUserById ha test per ID validi ma non per ID non validi
• updateUser manca di test per i fallimenti di validazione
• deleteUser manca di test per i controlli di autorizzazione
• I percorsi di gestione degli errori in createUser non sono testati

Quindi genera test mirati specificamente a queste lacune, aumentando la copertura dal 65% al 95%.

Metriche di copertura:

Verdent ti aiuta a raggiungere percentuali di copertura più elevate e a intercettare potenziali bug in codice precedentemente non testato:

• Copertura delle righe: percentuale di righe di codice eseguite dai test
• Copertura dei branch: percentuale di branch condizionali testati
• Copertura delle funzioni: percentuale di funzioni con almeno un test
• Copertura delle istruzioni: percentuale di istruzioni eseguite

Debug con Verdent

Verdent aiuta nel debug analizzando i messaggi di errore, tracciando il flusso di esecuzione, individuando le cause profonde e suggerendo correzioni. Incolla i log degli errori, descrivi il comportamento inatteso o chiedi a Verdent di investigare problemi specifici.

This function returns undefined instead of the user object. Debug it.

The login form redirects to the home page even when credentials are invalid

The product search is slow when the database has 10,000+ products

Why does this API endpoint return a 500 error when the email parameter is missing?

Diagnosticare da messaggi di errore e log

Incolla messaggi di errore, stack trace o file di log direttamente nella chat. Verdent analizza l'errore, individua il file di origine e il numero di riga, spiega la causa e suggerisce una correzione.

TypeError: Cannot read property 'name' of undefined
    at UserProfile.render (UserProfile.jsx:45)
    at processComponent (react-dom.js:2103)

I'm getting this error: [paste stack trace]

Analyze these logs and tell me why the API requests are failing:
[paste 50 lines of log output]

The shopping cart total is sometimes incorrect. Here are the error logs: [paste logs]

Best practice

Vedi anche