2023-09-06T08:52:10.116Z

plan.md

@@ -1,2 +1,3 @@
 JSDoc section?
 Setters in classes?
+Add decorators when they're supported in vite

src/030-classes/107-receiving-arguments-to-constructor.solution.2.ts

@@ -0,0 +1,38 @@
+import { expect, it } from "vitest";
+
+class CanvasNode {
+  x: number;
+  y: number;
+
+  constructor(position?: { x: number; y: number }) {
+    this.x = position?.x ?? 0;
+    this.y = position?.y ?? 0;
+  }
+
+  move(x: number, y: number) {
+    this.x = x;
+    this.y = y;
+  }
+}
+
+it("Should be able to move", () => {
+  const canvasNode = new CanvasNode();
+
+  expect(canvasNode.x).toEqual(0);
+  expect(canvasNode.y).toEqual(0);
+
+  canvasNode.move(10, 20);
+
+  expect(canvasNode.x).toEqual(10);
+  expect(canvasNode.y).toEqual(20);
+});
+
+it("Should be able to receive an initial position", () => {
+  const canvasNode = new CanvasNode({
+    x: 10,
+    y: 20,
+  });
+
+  expect(canvasNode.x).toEqual(10);
+  expect(canvasNode.y).toEqual(20);
+});

src/030-classes/108-getters.problem.ts

@@ -1,8 +1,8 @@
 import { expect, it } from "vitest";
 
 class CanvasNode {
-  x;
-  y;
+  x: number;
+  y: number;
 
   constructor(position?: { x: number; y: number }) {
     this.x = position?.x ?? 0;

src/030-classes/108-getters.solution.ts

@@ -1,8 +1,8 @@
 import { expect, it } from "vitest";
 
 class CanvasNode {
-  x;
-  y;
+  x: number;
+  y: number;
 
   constructor(position?: { x: number; y: number }) {
     this.x = position?.x ?? 0;

src/030-classes/109-public-and-private-properties.problem.ts

@@ -1,8 +1,8 @@
 import { expect, it } from "vitest";
 
 class CanvasNode {
-  x;
-  y;
+  x: number;
+  y: number;
 
   constructor(position?: { x: number; y: number }) {
     this.x = position?.x ?? 0;

src/030-classes/109-public-and-private-properties.solution.1.ts

@@ -1,8 +1,8 @@
 import { expect, it } from "vitest";
 
 class CanvasNode {
-  private x;
-  private y;
+  private x: number;
+  private y: number;
 
   constructor(position?: { x: number; y: number }) {
     this.x = position?.x ?? 0;

src/030-classes/109-public-and-private-properties.solution.2.ts

@@ -1,8 +1,8 @@
 import { expect, it } from "vitest";
 
 class CanvasNode {
-  #x;
-  #y;
+  #x: number;
+  #y: number;
 
   constructor(position?: { x: number; y: number }) {
     this.#x = position?.x ?? 0;

src/030-classes/110-setters.problem.ts

@@ -1,8 +1,8 @@
 import { expect, it } from "vitest";
 
 class CanvasNode {
-  #x;
-  #y;
+  #x: number;
+  #y: number;
 
   constructor(position?: { x: number; y: number }) {
     this.#x = position?.x ?? 0;

src/030-classes/110-setters.solution.ts

@@ -1,8 +1,8 @@
 import { expect, it } from "vitest";
 
 class CanvasNode {
-  #x;
-  #y;
+  #x: number;
+  #y: number;
 
   constructor(position?: { x: number; y: number }) {
     this.#x = position?.x ?? 0;

src/030-classes/111-extending-other-classes.problem.ts

@@ -3,8 +3,8 @@ import { expect, it } from "vitest";
 type ViewMode = "hidden" | "visible" | "selected";
 
 class CanvasNode {
-  #x;
-  #y;
+  #x: number;
+  #y: number;
   #viewMode: ViewMode;
 
   constructor(options?: { x: number; y: number; viewMode?: ViewMode }) {

src/030-classes/111-extending-other-classes.solution.ts

@@ -8,8 +8,8 @@ interface ShapeOptions {
 }
 
 class Shape {
-  #x;
-  #y;
+  #x: number;
+  #y: number;
 
   constructor(initial?: ShapeOptions) {
     this.#x = initial?.x ?? 0;

src/030-classes/112-implementing-interfaces-or-types.problem.ts

@@ -5,8 +5,8 @@ interface ShapeOptions {
 
 // How do we ensure our Shape class matches a certain type?
 class Shape {
-  #x;
-  #y;
+  #x: number;
+  #y: number;
 
   constructor(initial?: ShapeOptions) {
     this.#x = initial?.x ?? 0;

src/030-classes/112-implementing-interfaces-or-types.solution.1.ts

@@ -9,8 +9,8 @@ type IShape = {
 };
 
 class Shape implements IShape {
-  #x;
-  #y;
+  #x: number;
+  #y: number;
 
   constructor(initial?: ShapeOptions) {
     this.#x = initial?.x ?? 0;

src/030-classes/112-implementing-interfaces-or-types.solution.2.ts

@@ -9,8 +9,8 @@ interface IShape {
 }
 
 class Shape implements IShape {
-  #x;
-  #y;
+  #x: number;
+  #y: number;
 
   constructor(initial?: ShapeOptions) {
     this.#x = initial?.x ?? 0;