Playground - Personaliza productos de una tienda

Muy entendible, listo.

excercise.js

import { Product } from "./product";

export class BasicProduct extends Product {
  constructor(price, description) {
    super();
    this.price = price;
    this.description = description;
  }

  getDescription() {
    return this.description;
  }
}

WarrantyDecorator.js

import { Product } from "./product";

export class WarrantyDecorator extends Product {
  constructor(product) {
    super();
    this.product = product;
  }

  getPrice() {
    return this.product.getPrice() + 20;
  }

  getDescription() {
    return this.product.getDescription() + ' con garantía';
  }
}

ShippingInsurance.js

import { Product } from "./product";

export class ShippingInsuranceDecorator extends Product {
  constructor(product) {
    super();
    this.product = product;
  }

  getPrice() {
    return this.product.getPrice() + 20;
  }

  getDescription() {
    return this.product.getDescription() + ' con seguro de envío';
  }
}

Dejo por mi aporte un aporte. Creo que es mejor declarar siempre las constantes en este caso utilice un objeto para guardar los precios y cadenas del decorador, en todo lo demás se ve igual al resto de soluciones. XD

class ShippingInsuranceDecorator extends Product {

  SHIPPING_INSURANCE = {
    price: 20,
    description: " con seguro de envío",
  }

  constructor(product) {
    super();
    this.product = product;
  }

  getPrice() {
    return this.product.getPrice() + this.SHIPPING_INSURANCE.price;
  }

  getDescription() {
    return this.product.getDescription() + this.SHIPPING_INSURANCE.description;
  }
}

class WarrantyDecorator extends Product {

  WARRANTY = {
    price: 20,
    description: " con garantía",
  }

  constructor(product) {
    super();
    this.product = product;
  }

  getPrice() {
    return this.product.getPrice() + this.WARRANTY.price;
  }

  getDescription() {
    return this.product.getDescription() + this.WARRANTY.description;
  }
}

🛡️Escudo anti-spoilers🛡️

aquí mi código

ShippingInsurance.js

import { Product } from "./product";

export class ShippingInsuranceDecorator extends Product {
  constructor(product) {
    super();
    this.product = product;
  }

  getPrice() {
    return this.product.getPrice() + 20;
  }

  getDescription() {
    return this.product.getDescription() + " con seguro de envío";
  }
}

WarrantyDecorator.js

import { Product } from "./product";

export class WarrantyDecorator extends Product {
  constructor(product) {
    super();
    this.product = product;
  }

  getPrice() {
    return this.product.getPrice() + 20;
  }

  getDescription() {
    return this.product.getDescription() + " con garantía";
  }
}

exercise.js

import { Product } from "./product";

export class BasicProduct extends Product {
  constructor(price, description) {
    // Tu código aquí 👈
    super();
    this.price = price;
    this.description = description;
  }

  getDescription() {
    // Tu código aquí 👈
    return this.description
  }
}

Mi solucion:
.
.
.
.
.
.
.
.
.
.
exercise.js

import { Product } from "./product";

export class BasicProduct extends Product {
  constructor(price, description) {
    super(price);
    this.description = description;
  }

  getDescription() {
    return this.description;
  }
}

WarrantyDecorator.js

import { Product } from "./product";

export class WarrantyDecorator extends Product {
  constructor(product) {
    super();
    this.product = product;
  }

  getPrice() {
    return this.product.getPrice() + 20;
  }

  getDescription() {
    return this.product.getDescription() + " con garantía";
  }
} 

ShippingInsurance

import { Product } from "./product";

export class ShippingInsuranceDecorator extends Product {
  constructor(product) {
    super();
    this.product = product;
  }

  getPrice() {
    return this.product.getPrice() + 20;
  }

  getDescription() {
    return this.product.getDescription() + " con seguro de envío";
  }
}

Mi solución 💚
Nada más una nota, tanto en ShippingInsurance como en WarrantyDecorator se nos pide heredar de Product. Sin embargo, por las descripciones solicitadas (y como se observa en el ejemplo) siento que es más prudente si se hereda directamente de BasicProduct. De esa manera se evitan errores por no tener productos sin descripción y se reduce mucho el código.

exercise.js

import { Product } from "./product";

export class BasicProduct extends Product {
  constructor(price, description) {
    super(price)
    this.description = description
  }

  getDescription() {
    return this.description
  }
}

ShippingInsurance.js

import { BasicProduct } from "./exercise";

export class ShippingInsuranceDecorator extends BasicProduct {
  constructor(product) {
    super(product.price + 20, `${product.description} con seguro de envío`)
  }
}

WarrantyDecorator.js

import { BasicProduct } from "./exercise";

export class WarrantyDecorator extends BasicProduct {
  constructor(product) {
    super(product.price + 20, `${product.description} con garantía`)
  }
}

🛡️🛡️🛡️Escudo anti spoilers🛡️🛡️🛡️

Personaliza productos de una tienda

exercise.js

export class BasicProduct extends Product {
  constructor(price, description) {
    // Tu código aquí 👈
    super();
    this.price = price;
    this.description = description;
  }

  getDescription() {
    // Tu código aquí 👈
    return this.description;
  }
}

Warranty decorator

export class WarrantyDecorator extends Product {
  constructor(product) {
    // Tu código aquí 👈
    super();
    this.product = product;
    this.product.price += 20;
    this.product.description += " con garantia";
  }

  getPrice() {
    // Tu código aquí 👈
  }

  getDescription() {
    // Tu código aquí 👈
    return this.product.description;
  }
}

Shipping Insurance

export class ShippingInsuranceDecorator extends Product {
  constructor(product) {
    super();
    this.product = product;
  }

  getPrice() {
    return this.product.getPrice() + 20;
  }

  getDescription() {
    return this.product.getDescription() + ' con seguro de envío';
  }
}

// ShippingInsurance.js
export class ShippingInsuranceDecorator extends Product {
  constructor(product) {
    super();
    this.product = product;
  }

  getPrice() {
    return this.product.getPrice() + 20;
  }

  getDescription() {
    return `${this.product.getDescription()} con seguro de envío`;
  }
}

// WarrantyDecorator.js
export class WarrantyDecorator extends Product {
  constructor(product) {
    super();
    this.product = product;
  }

  getPrice() {
    return this.product.getPrice() + 20;
  }

  getDescription() {
    return `${this.product.getDescription()} con garantía`;
  }
}

// exercise.js
export class BasicProduct extends Product {
  constructor(price, description) {
    super(price);
    this.description = description;
  }

  getDescription() {
    return this.description;
  }
}

ShippingInsurance.js

export class ShippingInsuranceDecorator extends Product {
  constructor(product) {
    super(product.getPrice() + 20, product.getDescription() + " con seguro de envío");
    this.product = product;
  }

  getPrice() {
    return this.product.getPrice() + 20;
  }

  getDescription() {
    return this.product.getDescription() + " con seguro de envío";
  }
}

WarrantyDecorator

export class WarrantyDecorator extends Product {
  constructor(product) {
    super(product.getPrice() + 20, product.getDescription() + " con garantía");
    this.product = product;
  }

  getPrice() {
    return this.product.getPrice() + 20;
  }

  getDescription() {
    return this.product.getDescription() + " con garantía";
  }
}

exercise.js

export class BasicProduct extends Product {
  constructor(price, description) {
    super(price);
    this.description = description;
  }

  getDescription() {
    return this.description;
  }
}

Hola mi solución.

✔
✔
✔
✔
✔
✔
✔
✔
✔
✔
✔

ShippingInsurance.js

import { Product } from "./product";

export class ShippingInsuranceDecorator extends Product {
  constructor(product) {
    super(product);
    this.product = product;
  }

  getPrice() {
    return this.product.getPrice() + 20;
  }

  getDescription() {
    return `${this.product.getDescription()} con seguro de envío`;
  }
}

WarrantyDecorator.js

import { Product } from "./product";

export class WarrantyDecorator extends Product {
  constructor(product) {
    super(product);
    this.product = product;
  }

  getPrice() {
    return this.product.getPrice() + 20;
  }

  getDescription() {
    return `${this.product.getDescription()} con garantía`;
  }
}

exercise.js

import { Product } from "./product";

export class BasicProduct extends Product {
  constructor(price, description) {
    super(price);
    this.description = description;
  }

  getDescription() {
    return this.description;
  }
}

product.js

export class Product {
  // Este código no debe ser editado ❌
  constructor(price) {
    this.price = price;
  }

  getPrice() {
    return this.price;
  }

  getDescription() {
    throw new Error("Este método debe ser implementado en las subclases");
  }
}

Solución

class BasicProduct extends Product {
  constructor(price, description) {
    // Tu código aquí 👈
    super();
    this.price = price;
    this.description = description;
  }

  getDescription() {
    // Tu código aquí 👈
    return this.description;
  }
}

export class WarrantyDecorator extends Product {
  constructor(product) {
    // Tu código aquí 👈
    super();
    this.price = product.price + 20;
    this.description = ` ${product.description} with warranty`;
  }

  getPrice() {
    // Tu código aquí 👈
    return this.price;
  }

  getDescription() {
    // Tu código aquí 👈
    return this.description;
  }
}

export class ShippingInsuranceDecorator extends Product {
  constructor(product) {
    // Tu código aquí 👈
    super();
    this.price = product.price + 20;
    this.description = ` ${product.description} with shipping insurance`;
  }

  getPrice() {
    // Tu código aquí 👈
    return this.price;
  }

  getDescription() {
    // Tu código aquí 👈
    return this.description;
  }
}

SPOILER!!!
.
.

.
.
.
.

import { Product } from "./product";

export class ShippingInsuranceDecorator extends Product {
  constructor(product) {
    super();
    this.product = product;
  }

  getPrice() {
    return this.product.price + 20;
  }

  getDescription() {
    return `${this.product.getDescription()} con seguro de envío`
  }
}

import { Product } from "./product";

export class WarrantyDecorator extends Product {
  constructor(product) {
    super();
    this.product = product;
  }

  getPrice() {
    return this.product.price + 20;
  }

  getDescription() {
    return `${this.product.getDescription()} con garantía`
  }
}

import { Product } from "./product";

export class BasicProduct extends Product {
  constructor(price, description) {
    super(price)
    this.description =  description
  }

  getDescription() {
    return this.description
  }
}

.
.
.
.
.
.

exercise.js:

import { Product } from "./product";

export class BasicProduct extends Product {
  constructor(price, description) {
    super(price);
    this.description = description;
  }

  getDescription() {
    return this.description;
  }
}

WarrantyDecorator.js:

import { Product } from "./product";

export class WarrantyDecorator extends Product {
  constructor(product) {
    super();
    this.product = product;
  }

  getPrice() {
    return this.product.price + 20;
  }

  getDescription() {
    return `${this.product.getDescription()} con garantía`
  }
} 

ShippingInsurance.js:

import { Product } from "./product";

export class ShippingInsuranceDecorator extends Product {
  constructor(product) {
    super();
    this.product = product;
  }

  getPrice() {
    return this.product.price + 20;
  }

  getDescription() {
    return `${this.product.getDescription()} con seguro de envío`
  }
}

MI SOLUCION 💪
.
.
.
.
.
.
.
.
.
.
.
.
.
class BasicProduct

import { Product } from "./product";

export class BasicProduct extends Product {
  constructor(price, description) {
    super(price);
    this.description = description;
  }

  getDescription() {
    return this.description;
  }
}

class WarrantyDecorator

import { Product } from "./product";

export class WarrantyDecorator extends Product {
  constructor(product) {
    super(product.price);
    this.product = product;
  }

  getPrice() {
    return this.product.getPrice() + 20;
  }

  getDescription() {
    return `${this.product.getDescription()} con garantía`;
  
  }
}

class ShippingInsuranceDecorator

import { Product } from "./product";

export class ShippingInsuranceDecorator extends Product {
  constructor(product) {
    super(product.price);
    this.product = product;
  }

  getPrice() {
    return this.product.getPrice() + 20;
  }

  getDescription() {
    return `${this.product.getDescription()} con seguro de envío`;
  }
}

Seguimos, pero por un acento no me pasaba:
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

exercise,js

import { Product } from "./product";

export class BasicProduct extends Product {
  constructor(price, description) {
    // Tu código aquí 👈 
    super();
    this.price = price;
    this.description = description;
  }
  getDescription() {
    // Tu código aquí 👈
    return this.description;
  }
}

WarrantyDecorator.js

import { Product } from "./product";

export class WarrantyDecorator extends Product {
  constructor(product) {
    // Tu código aquí 👈
    super();
    this.product = product;
  }
  getPrice() {
    // Tu código aquí 👈
    return this.product.getPrice() + 20;
  }
  getDescription() {
    // Tu código aquí 👈
    return this.product.getDescription() + ' con garantía';
  }
}

ShippingInsurance.js

import { Product } from "./product";

export class ShippingInsuranceDecorator extends Product {
  constructor(product) {
    // Tu código aquí 👈
    super();
    this.product = product;
  }
  getPrice() {
    // Tu código aquí 👈
    return this.product.getPrice() + 20;
  }
  getDescription() {
    // Tu código aquí 👈
    return this.product.getDescription() + ' con seguro de envío';
  }
}

exercise.js

import { Product } from "./product";

export class BasicProduct extends Product {
  constructor(price, description) {
    // Tu código aquí 👈
    super(price);
    this.description = description;
  }

  getDescription() {
    // Tu código aquí 👈
    return this.description;
  }
}

ShippingInsurance.js

import { Product } from "./product";

export class ShippingInsuranceDecorator extends Product {
  constructor(product) {
    // Tu código aquí 👈
    super();
    this.product = product;
  }

  getPrice() {
    // Tu código aquí 👈
    return this.product.getPrice() + 20;
  }

  getDescription() {
    // Tu código aquí 👈
    return `${this.product.getDescription()} con seguro de envío`
  }
}

WarrantyDecorator.js

import { Product } from "./product";

export class WarrantyDecorator extends Product {
  constructor(product) {
    // Tu código aquí 👈
    super();
    this.product = product;
  }

  getPrice() {
    // Tu código aquí 👈
    return this.product.getPrice() + 20;
  }

  getDescription() {
    // Tu código aquí 👈
    return `${this.product.getDescription()} con garantía`;
  }
}

🛡️🛡️Escudo anti-spoilers🛡️🛡️

Mi solución al reto:

ShippingInsurance.js

import { Product } from "./product";

export class ShippingInsuranceDecorator extends Product {
  constructor(product) {
    super()
    this.product = product
  }

  getPrice() {
    return this.product.getPrice() + 20;
  }

  getDescription() {
    return this.product.getDescription() + ' con seguro de envío'
  }
}

WarrantyDecorator.js

import { Product } from "./product";

export class WarrantyDecorator extends Product {
  constructor(product) {
    super()
    this.product = product
  }

  getPrice() {
    return this.product.getPrice() + 20;
  }

  getDescription() {
    return this.product.getDescription() + ' con garantía'
  }
}

exercise.js

import { Product } from "./product";

export class BasicProduct extends Product {
  constructor(price, description) {
    super(price, description)
    this.description = description
    this.price = price
  }

  getDescription() {
    return this.description
  }
}

Aquí mi solución:
.
.
.
.
.
.
.
.
.
.
.
.
exercise.js

export class BasicProduct extends Product {
  constructor(price, description) {
    super(price);
    this.description = description;
  }

  getDescription() {
    return this.description;
  }
}

WarrantyDecorator .js

export class WarrantyDecorator extends Product {
  constructor(product) {
    super();
    this.product = product;
  }

  getPrice() {
    return this.product.getPrice() + 20
  }

  getDescription() {
    return this.product.getDescription() + " con garantía"
  }
}

ShippingInsuranceDecorator.js

export class ShippingInsuranceDecorator extends Product {
  constructor(product) {
    super();
    this.product = product;
  }

  getPrice() {
    return this.product.getPrice() + 20
  }

  getDescription() {
    return this.product.getDescription() + " con seguro de envío"
  }
}

Muy bien detallado, creo que es el primero que hago a la primera jeje, aquí dejo mi código… 😃

export class BasicProduct extends Product {
  constructor(price, description) {
    // Tu código aquí 👈
    super(price);
    this.description = description;

  }

  getDescription() {
    // Tu código aquí 👈
    return this.description;
  }
}

export class Product {
  // Este código no debe ser editado ❌
  constructor(price) {
    this.price = price;
  }

  getPrice() {
    return this.price;
  }

  getDescription() {
    throw new Error("Este método debe ser implementado en las subclases");
  }
}

export class WarrantyDecorator extends Product {
  constructor(product) {
    // Tu código aquí 👈
    super();
    this.price = product.price + 20;
    this.description = product.description;
  }

  getPrice() {
    // Tu código aquí 👈
    return this.price;
  }

  getDescription() {
    // Tu código aquí 👈
    return `${this.description} con garantía`;
  }
}

export class ShippingInsuranceDecorator extends Product {
  constructor(product) {
    // Tu código aquí 👈
    super();
    this.price = product.price + 20;
    this.description = product.description;
  }

  getPrice() {
    // Tu código aquí 👈
    return this.price;
  }

  getDescription() {
    // Tu código aquí 👈
    return `${this.description} con seguro de envío`;
  }
}

Hola, dejo mi solución
.
.
.
…
.
.
.
.
.

class Product {
  // Este código no debe ser editado ❌
  constructor(price) {
    this.price = price;
  }

  getPrice() {
    return this.price;
  }

  getDescription() {
    throw new Error("Este método debe ser implementado en las subclases");
  }
}

// ShippingInsurance.js
class ShippingInsuranceDecorator extends Product {
  constructor(product) {
    super();
    this.product = product;
    // Tu código aquí 👈
  }

  getPrice() {
    // Tu código aquí 👈
    return parseFloat(this.product.getPrice()) + 20;
  }

  getDescription() {
    // Tu código aquí 👈
    return `${this.product.getDescription()} con seguro de envío`;
  }
}

// WarrantyDecorator.js
class WarrantyDecorator extends Product {
  constructor(product) {
    // Tu código aquí 👈
    super();
    this.product = product;
  }

  getPrice() {
    // Tu código aquí 👈
    return parseFloat(this.product.getPrice()) + 20;
  }

  getDescription() {
    // Tu código aquí 👈
    return `${this.product.getDescription()} con garantía`;
  }
}

// exercise.js
class BasicProduct extends Product {
  constructor(price, description) {
    // Tu código aquí 👈
    super();
    this.price = price;
    this.description = description;
  }

  getDescription() {
    // Tu código aquí 👈
    return this.description;
  }
}

ez el tutorial

mi versión de la solución, importante revisar lo del control del precio:

import { Product } from "./product";

export class ShippingInsuranceDecorator extends Product {
  constructor(product) {
    // Tu código aquí 👈
    super();
    this.price = product.price + 20;
    this.description = product.description;
    this.conSeguro = "con seguro de envío";
    if (product.conGarantia) {
      this.conGarantia = product.conGarantia;
    } else {
      this.conGarantia = "";
    }
  }

  getPrice() {
    // Tu código aquí 👈
    return this.price;
  }

  getDescription() {
    // Tu código aquí 👈
    if (this.conGarantia && this.conSeguro) {
      return `${this.description} ${this.conGarantia} ${this.conSeguro}`;
    } else if (this.conGarantia) {
      return `${this.description} ${this.conGarantia}`;
    } else if (this.conSeguro) {
      return `${this.description} ${this.conSeguro}`;
    } else {
      return `${this.description}`;
    }
  }
}
 export class WarrantyDecorator extends Product {
  constructor(product) {
    // Tu código aquí 👈
    super();
    this.description = product.description;
    this.price = product.price + 20;
    this.conGarantia = "con garantía";
    if (product.conSeguro) {
      this.conSeguro = product.conSeguro;
    } else {
      this.conSeguro = "";
    }
  }

  getPrice() {
    // Tu código aquí 👈
    return this.price;
  }

  getDescription() {
    // Tu código aquí 👈
    if (this.conGarantia == undefined) {
      return `${this.description}`;
    } else return `${this.description} ${this.conGarantia}`;
  }
}
export class BasicProduct extends Product {
  constructor(price, description) {
    // Tu código aquí 👈
    super(price);
    this.description = description;
  }

  getDescription() {
    // Tu código aquí 👈
    return this.description;
  }
}

Solución… 😄
.

.
ShippingInsurance.js:
.

import { Product } from "./product";

export class ShippingInsuranceDecorator extends Product {
  constructor(product) {
    super();
    this.product = product;
  }

  getPrice() {
    return this.product.getPrice() + 20;
  }

  getDescription() {
    return this.product.getDescription() + " con seguro de envío";
  }
}

.
WarrantyDecorator.js:
.

import { Product } from "./product";

export class WarrantyDecorator extends Product {
  constructor(product) {
    super();
    this.product = product;
  }

  getPrice() {
    return this.product.getPrice() + 20;
  }

  getDescription() {
    return this.product.getDescription() + " con garantía";
  }
}

.
exercise.js:
.

import { Product } from "./product";

export class BasicProduct extends Product {
  constructor(price, description) {
    super(price);
    this.description = description;
  }

  getDescription() {
    return this.description;
  }
}

.
product.js:
.

export class Product {
  constructor(price) {
    this.price = price;
  }

  getPrice() {
    return this.price;
  }

  getDescription() {
    throw new Error("Este método debe ser implementado en las subclases");
  }
}

Es hermoso que en la vista ya venga con información de ejemplo para uno no tener que escribirla 😊

.
:
:
:
:
:
:
::
:
:

import { Product } from "./product";

export class ShippingInsuranceDecorator extends Product {
  constructor(product) {
    super();
    this.product = product;
  }

  getPrice() {
    return this.product.getPrice() + 20;
  }

  getDescription() {
    return this.product.getDescription() + " con seguro de envío"
  }
}

import { Product } from "./product";

export class WarrantyDecorator extends Product {
  constructor(product) {
    super();
    this.product = product;
  }

  getPrice() {
    return this.product.getPrice() + 20;
  }

  getDescription() {
    return this.product.getDescription() + " con garantía"
  }
}

import { Product } from "./product";

export class BasicProduct extends Product {
  constructor(price, description) {
    super();
    this.price = price;
    this.description = description;
  }

  getDescription() {
    return this.description
  }
}

export class Product {
    // Este código no debe ser editado ❌
    constructor(price) {
      this.price = price;
    }
  
    getPrice() {
      return this.price;
    }
  
    getDescription() {
      throw new Error("Este método debe ser implementado en las subclases");
    }
  }

mmm

import { Product } from "./product";

export class BasicProduct extends Product {
  constructor(price, description) {
    super(price);
    this.description = description;
  }

  getDescription() {
    return this.description;
  }
}

Les comparto mi solución. 😄

ShippingInsurance.js

import { Product } from './product.js';
export class ShippingInsuranceDecorator extends Product {
  product;
  constructor(product) {
    const price = product.price + 20;
    super(price);
    this.product = product;
  }
  getPrice() {
    return super.getPrice();
  }
  getDescription() {
    const DESCRIPTION_PRODUCT = this.product.getDescription();
    const MESSAGE = `${DESCRIPTION_PRODUCT} con seguro de envío`;
    return MESSAGE;
  }
}

WarrantyDecorator.js

import { Product } from './product.js';
export class WarrantyDecorator extends Product {
  product;
  constructor(product) {
    const price = product.price + 20;
    super(price);
    this.product = product;
  }
  getPrice() {
    return super.getPrice();
  }
  getDescription() {
    const DESCRIPTION_PRODUCT = this.product.getDescription();
    const MESSAGE = `${DESCRIPTION_PRODUCT} con garantía`;
    return MESSAGE;
  }
}

Exercise.js

import { Product } from './product.js';
export class BasicProduct extends Product {
  price;
  description;
  constructor(price, description) {
    super(price);
    this.price = price;
    this.description = description;
    this.description = description;
  }
  getDescription() {
    return this.description;
  }
}

Mi respuesta
.
Exercise.js

import { Product } from "./product";

export class BasicProduct extends Product {
  constructor(price, description) {
    super(price);
    this.description = description;
  }
  getPrice() {
    return this.price;
  }
  getDescription() {
    return this.description;
  }
}

WarrantyDecorator.js

import { Product } from "./product";

export class WarrantyDecorator extends Product {
  constructor(product) {
    super();
    this.product = product;
  }
  getPrice() {
    return this.product.getPrice() + 20;
  }
  getDescription() {
    return this.product.getDescription() + ' con garantía';
  }
}

ShippingInsurance.js

import { Product } from "./product";

export class ShippingInsuranceDecorator extends Product {
  constructor(product) {
    super();
    this.product = product;
  }
  getPrice() {
    return this.product.getPrice()+20;
  }
  getDescription() {
    return this.product.getDescription() + ' con seguro de envío';
  }
}

Mi solución:
.
.
.
.
.
.

product.js

export class Product {
  // Este código no debe ser editado ❌
  constructor(price) {
    this.price = price;
  }

  getPrice() {
    return this.price;
  }

  getDescription() {
    throw new Error("Este método debe ser implementado en las subclases");
  }
}

exercise.js

import { Product } from "./product";

export class BasicProduct extends Product {
  constructor(price, description) {
    super(price)
    this.description = description
  }

  getDescription() {
    return this.description
  }
}

WarrantyDecorator.js

import { Product } from "./product";

export class WarrantyDecorator extends Product {
  constructor(product) {
    super()
    this.product = product
  }

  getPrice() {
    return this.product.getPrice() + 20
  }

  getDescription() {
    return this.product.getDescription() + " con garantía"
  }
}

ShippingInsurance.js

import { Product } from "./product";

export class ShippingInsuranceDecorator extends Product {
  constructor(product) {
    super()
    this.product = product
  }

  getPrice() {
    return this.product.getPrice() + 20
  }

  getDescription() {
    return this.product.getDescription() + " con seguro de envío"
  }
}

mi solución:
código de exercise.js

import { Product } from "./product";

export class BasicProduct extends Product {
  constructor(price, description) {
    super(price);
    this.description = description;
  }

  getDescription() {
    return this.description;
  }
}

código de WarrantyDecorators.js

import { Product } from "./product";

export class WarrantyDecorator extends Product {
  constructor(product) {
    super();
    this.product = product;
  }

  getPrice() {
    return this.product.getPrice() + 20;
  }

  getDescription() {
    return this.product.getDescription() + ' con garantía';
  }
}

código de ShippingInsurance.js

import { Product } from "./product";

export class ShippingInsuranceDecorator extends Product {
  constructor(product) {
    super();
    this.product = product;
  }

  getPrice() {
    return this.product.getPrice() + 20;
  }

  getDescription() {
    return this.product.getDescription() + ' con seguro de envío';
  }
}

ShippingInsurance.js

import { Product } from "./product";

export class ShippingInsuranceDecorator extends Product {
  constructor(product) {
    super(product.getPrice() + 20)
    this.description = `${product.getDescription()} con seguro de envío`
  }

  getPrice() {
    return this.price;
  }

  getDescription() {
    return this.description
  }
}

WarrantyDecorator.js

import { Product } from "./product";

export class WarrantyDecorator extends Product {
  constructor(product) {
    super(product.getPrice() + 20)
    this.description = `${product.getDescription()} con garantía`
  }

  getPrice() {
    return this.price
  }

  getDescription() {
    return this.description;
  }
}

exercise.js

import { Product } from "./product";

export class BasicProduct extends Product {
  constructor(price, description) {
    super(price)
    this.price = price
    this.description = description
  }

  getDescription() {
    return this.description
  }
}

Product.js

export class Product {
  // Este código no debe ser editado ❌
  constructor(price) {
    this.price = price;
  }

  getPrice() {
    return this.price;
  }

  getDescription() {
    throw new Error("Este método debe ser implementado en las subclases");
  }
}

Mi solución:

exercise.js:

import { Product } from "./product";

export class BasicProduct extends Product {
  constructor(price, description) {
    super()
    this.price = price
    this.description = description
  }

  getDescription() {
    // Tu código aquí 👈
    return this.description
  }
}

WarrantyDecorator.js:

import { Product } from "./product";

export class WarrantyDecorator extends Product {
  constructor(product) {
    // Tu código aquí 👈
    super()
    this.product = product
  }

  getPrice() {
    // Tu código aquí 👈
   return this.product.price += 20
  }

  getDescription() {
    // Tu código aquí 👈
    return this.product.description += ' con garantía'
  }
}

ShippingInsurance.js:

import { Product } from "./product";

export class ShippingInsuranceDecorator extends Product {
  constructor(product) {
    // Tu código aquí 👈
    super()
    this.product = product
  }

  getPrice() {
    // Tu código aquí 👈
    return this.product.price += 20
  }

  getDescription() {
    // Tu código aquí 👈
    return this.product.description += ' con seguro de envío'
  }
}

Mi solución
*
*
*
*
*
*
*
*
*

ShippingInsuranceDecorator

import { Product } from "./product";

export class ShippingInsuranceDecorator extends Product {
  constructor(product) {
    super(product.price)
    this.description = product.description
  }

  getPrice() {
    return this.price + 20
  }

  getDescription() {
    return `${this.description} con seguro de envío`
  }
}

WarrantyDecorator

import { Product } from "./product";

export class WarrantyDecorator extends Product {
  constructor(product) {
    super(product.price)
    this.description = product.description
  }

  getPrice() {
    return this.price + 20
  }

  getDescription() {
    return `${this.description} con garantía`
  }
}

BasicProduct

import { Product } from "./product";

export class BasicProduct extends Product {
  constructor(price, description) {
    super(price)
    this.description = description;
  }

  getDescription() {
    return this.description;
  }
}