En aquesta secció, aprendrem els fonaments de la sintaxi de TypeScript, que és essencial per escriure codi clar i robust. TypeScript és un superconjunt de JavaScript que afegeix tipat estàtic opcional, el que ajuda a detectar errors en temps de compilació.
Conceptes Clau
-
Tipus Bàsics
number
: Per a valors numèrics.string
: Per a cadenes de text.boolean
: Per a valors veritables o falsos.array
: Per a llistes de valors.tuple
: Per a llistes de longitud fixa amb tipus específics.enum
: Per a valors constants amb noms.any
: Per a valors de qualsevol tipus (evitar si és possible).void
: Per a funcions que no retornen un valor.null
iundefined
: Per a valors buits o no definits.
-
Declaració de Variables
- Utilitza
let
oconst
per declarar variables. - Exemple:
let age: number = 25; const name: string = "Anna";
- Utilitza
-
Funcions
- Les funcions poden tenir tipus de paràmetres i tipus de retorn.
- Exemple:
function greet(name: string): string { return `Hello, ${name}!`; }
-
Interfícies
- Defineixen la forma d'un objecte.
- Exemple:
interface Person { name: string; age: number; } const person: Person = { name: "John", age: 30 };
-
Classes
- TypeScript suporta la programació orientada a objectes amb classes.
- Exemple:
class Animal { name: string; constructor(name: string) { this.name = name; } move(distance: number = 0) { console.log(`${this.name} moved ${distance}m.`); } }
Exercicis Pràctics
Exercici 1: Declaració de Tipus
Declara una variable per a cada tipus bàsic i assigna-li un valor adequat.
Solució:
let isDone: boolean = false; let decimal: number = 6; let color: string = "blue"; let list: number[] = [1, 2, 3]; let x: [string, number] = ["hello", 10]; enum Color {Red, Green, Blue} let c: Color = Color.Green; let notSure: any = 4; notSure = "maybe a string instead";
Exercici 2: Funció amb Tipus
Escriu una funció que accepti dos números i retorni la seva suma.
Solució:
Resum
En aquesta secció, hem cobert els conceptes bàsics de la sintaxi de TypeScript, incloent tipus bàsics, declaració de variables, funcions, interfícies i classes. Aquests fonaments són crucials per escriure codi TypeScript efectiu i mantenible. En el següent mòdul, començarem a aplicar aquests coneixements per treballar amb Playwright.
Dramaturg amb TypeScript: De Principiant a Avançat
Mòdul 1: Introducció a Playwright i TypeScript
- Què és Playwright?
- Configuració del Teu Entorn de Desenvolupament
- Introducció a TypeScript
- Sintaxi Bàsica de TypeScript
Mòdul 2: Començant amb Playwright
- Instal·lant Playwright
- Creant el Teu Primer Script de Playwright
- Comprenent els Conceptes Bàsics de Playwright
- Executant Proves de Playwright
Mòdul 3: Fonaments de Playwright i TypeScript
- Escrivint Proves en TypeScript
- Utilitzant Interfícies i Tipus de TypeScript
- Depurant Proves de Playwright
- Gestionant Codi Asíncron
Mòdul 4: Funcions Avançades de Playwright
- Treballant amb Selectors
- Gestionant Múltiples Pàgines i Frames
- Intercepció de Xarxa i Simulació
- Emulant Dispositius i Geolocalització
Mòdul 5: Estratègies d'Automatització de Proves
- Organitzant Proves i Suites de Proves
- Utilitzant Fixtures i Hooks
- Execució Paral·lela de Proves
- Integració Contínua amb Playwright
Mòdul 6: Tècniques Avançades de TypeScript
- Generics en TypeScript
- Tipus Avançats de TypeScript
- Decoradors de TypeScript
- Millors Pràctiques de TypeScript i Playwright
Mòdul 7: Aplicacions Reals de Playwright
- Proves de Cap a Cap amb Playwright
- Proves Visuals amb Playwright
- Proves de Rendiment amb Playwright
- Estudi de Cas: Implementant Playwright en un Projecte