feat: components

eslint.config.mjs

@@ -24,6 +24,8 @@ export default [
             "import/extensions": "off",
             // This is a web app
             "no-console": "off",
+            // Sometimes a component class will be empty. Not all components require logic.
+            "@typescript-eslint/no-extraneous-class": "off",
         }
     },
     {
@@ -42,6 +44,8 @@ export default [
             "import/extensions": "off",
             // We turn this off because the test bed has weak types.
             "@typescript-eslint/consistent-type-assertions": "off",
+            // This one allows us to define test globals.
+            "@typescript-eslint/init-declarations": "off",
         }
     }
 ]

src/app/about/about.html

@@ -0,0 +1 @@
+<p>about works!</p>

src/app/about/about.spec.ts

@@ -0,0 +1,29 @@
+/**
+ * @copyright NHCarrigan
+ * @license Naomi's Public License
+ * @author Naomi Carrigan
+ */
+import { type ComponentFixture, TestBed } from "@angular/core/testing";
+import { describe, beforeEach, it, expect } from "vitest";
+import { About } from "./about";
+
+describe("about", () => {
+  let component: About;
+  let fixture: ComponentFixture<About>;
+
+  beforeEach(async() => {
+    await TestBed.configureTestingModule({
+      imports: [ About ],
+    }).
+      compileComponents();
+
+    fixture = TestBed.createComponent(About);
+    component = fixture.componentInstance;
+    await fixture.whenStable();
+  });
+
+  it("should create", () => {
+    expect.assertions(1);
+    expect(component, "did not compile").toBeTruthy();
+  });
+});

src/app/about/about.ts

@@ -0,0 +1,19 @@
+/**
+ * @copyright NHCarrigan
+ * @license Naomi's Public License
+ * @author Naomi Carrigan
+ */
+import { Component } from "@angular/core";
+
+/**
+ * Renders the about page.
+ */
+@Component({
+  imports:     [],
+  selector:    "app-about",
+  styleUrl:    "./about.css",
+  templateUrl: "./about.html",
+})
+export class About {
+
+}

src/app/bulletin/bulletin.html

@@ -0,0 +1 @@
+<p>bulletin works!</p>

src/app/bulletin/bulletin.spec.ts

@@ -0,0 +1,29 @@
+/**
+ * @copyright NHCarrigan
+ * @license Naomi's Public License
+ * @author Naomi Carrigan
+ */
+import { type ComponentFixture, TestBed } from "@angular/core/testing";
+import { describe, beforeEach, it, expect } from "vitest";
+import { Bulletin } from "./bulletin";
+
+describe("bulletin", () => {
+  let component: Bulletin;
+  let fixture: ComponentFixture<Bulletin>;
+
+  beforeEach(async() => {
+    await TestBed.configureTestingModule({
+      imports: [ Bulletin ],
+    }).
+      compileComponents();
+
+    fixture = TestBed.createComponent(Bulletin);
+    component = fixture.componentInstance;
+    await fixture.whenStable();
+  });
+
+  it("should create", () => {
+    expect.assertions(1);
+    expect(component, "did not compile").toBeTruthy();
+  });
+});

src/app/bulletin/bulletin.ts

@@ -0,0 +1,19 @@
+/**
+ * @copyright NHCarrigan
+ * @license Naomi's Public License
+ * @author Naomi Carrigan
+ */
+import { Component } from "@angular/core";
+
+/**
+ * Renders the bulletin page.
+ */
+@Component({
+  imports:     [],
+  selector:    "app-bulletin",
+  styleUrl:    "./bulletin.css",
+  templateUrl: "./bulletin.html",
+})
+export class Bulletin {
+
+}

src/app/disclaimer/disclaimer.html

@@ -0,0 +1 @@
+<p>disclaimer works!</p>

src/app/disclaimer/disclaimer.spec.ts

@@ -0,0 +1,29 @@
+/**
+ * @copyright NHCarrigan
+ * @license Naomi's Public License
+ * @author Naomi Carrigan
+ */
+import { type ComponentFixture, TestBed } from "@angular/core/testing";
+import { describe, beforeEach, it, expect } from "vitest";
+import { Disclaimer } from "./disclaimer";
+
+describe("disclaimer", () => {
+  let component: Disclaimer;
+  let fixture: ComponentFixture<Disclaimer>;
+
+  beforeEach(async() => {
+    await TestBed.configureTestingModule({
+      imports: [ Disclaimer ],
+    }).
+      compileComponents();
+
+    fixture = TestBed.createComponent(Disclaimer);
+    component = fixture.componentInstance;
+    await fixture.whenStable();
+  });
+
+  it("should create", () => {
+    expect.assertions(1);
+    expect(component, "did not compile").toBeTruthy();
+  });
+});

src/app/disclaimer/disclaimer.ts

@@ -0,0 +1,19 @@
+/**
+ * @copyright NHCarrigan
+ * @license Naomi's Public License
+ * @author Naomi Carrigan
+ */
+import { Component } from "@angular/core";
+
+/**
+ * Renders the disclaimer page.
+ */
+@Component({
+  imports:     [],
+  selector:    "app-disclaimer",
+  styleUrl:    "./disclaimer.css",
+  templateUrl: "./disclaimer.html",
+})
+export class Disclaimer {
+
+}

src/app/faq/faq.html

@@ -0,0 +1 @@
+<p>faq works!</p>

src/app/faq/faq.spec.ts

@@ -0,0 +1,29 @@
+/**
+ * @copyright NHCarrigan
+ * @license Naomi's Public License
+ * @author Naomi Carrigan
+ */
+import { type ComponentFixture, TestBed } from "@angular/core/testing";
+import { describe, beforeEach, it, expect } from "vitest";
+import { Faq } from "./faq";
+
+describe("faq", () => {
+  let component: Faq;
+  let fixture: ComponentFixture<Faq>;
+
+  beforeEach(async() => {
+    await TestBed.configureTestingModule({
+      imports: [ Faq ],
+    }).
+      compileComponents();
+
+    fixture = TestBed.createComponent(Faq);
+    component = fixture.componentInstance;
+    await fixture.whenStable();
+  });
+
+  it("should create", () => {
+    expect.assertions(1);
+    expect(component, "did not compile").toBeTruthy();
+  });
+});

src/app/faq/faq.ts

@@ -0,0 +1,19 @@
+/**
+ * @copyright NHCarrigan
+ * @license Naomi's Public License
+ * @author Naomi Carrigan
+ */
+import { Component } from "@angular/core";
+
+/**
+ * Renders the FAQ page.
+ */
+@Component({
+  imports:     [],
+  selector:    "app-faq",
+  styleUrl:    "./faq.css",
+  templateUrl: "./faq.html",
+})
+export class Faq {
+
+}

src/app/footer/footer.html

@@ -0,0 +1 @@
+<p>footer works!</p>

src/app/footer/footer.spec.ts

@@ -0,0 +1,29 @@
+/**
+ * @copyright NHCarrigan
+ * @license Naomi's Public License
+ * @author Naomi Carrigan
+ */
+import { type ComponentFixture, TestBed } from "@angular/core/testing";
+import { describe, beforeEach, it, expect } from "vitest";
+import { Footer } from "./footer";
+
+describe("footer", () => {
+  let component: Footer;
+  let fixture: ComponentFixture<Footer>;
+
+  beforeEach(async() => {
+    await TestBed.configureTestingModule({
+      imports: [ Footer ],
+    }).
+      compileComponents();
+
+    fixture = TestBed.createComponent(Footer);
+    component = fixture.componentInstance;
+    await fixture.whenStable();
+  });
+
+  it("should create", () => {
+    expect.assertions(1);
+    expect(component, "did not compile").toBeTruthy();
+  });
+});

src/app/footer/footer.ts

@@ -0,0 +1,19 @@
+/**
+ * @copyright NHCarrigan
+ * @license Naomi's Public License
+ * @author Naomi Carrigan
+ */
+import { Component } from "@angular/core";
+
+/**
+ * Renders the footer.
+ */
+@Component({
+  imports:     [],
+  selector:    "app-footer",
+  styleUrl:    "./footer.css",
+  templateUrl: "./footer.html",
+})
+export class Footer {
+
+}

src/app/handbook/handbook.html

@@ -0,0 +1 @@
+<p>handbook works!</p>

src/app/handbook/handbook.spec.ts

@@ -0,0 +1,29 @@
+/**
+ * @copyright NHCarrigan
+ * @license Naomi's Public License
+ * @author Naomi Carrigan
+ */
+import { type ComponentFixture, TestBed } from "@angular/core/testing";
+import { describe, beforeEach, it, expect } from "vitest";
+import { Handbook } from "./handbook";
+
+describe("handbook", () => {
+  let component: Handbook;
+  let fixture: ComponentFixture<Handbook>;
+
+  beforeEach(async() => {
+    await TestBed.configureTestingModule({
+      imports: [ Handbook ],
+    }).
+      compileComponents();
+
+    fixture = TestBed.createComponent(Handbook);
+    component = fixture.componentInstance;
+    await fixture.whenStable();
+  });
+
+  it("should create", () => {
+    expect.assertions(1);
+    expect(component, "did not compile").toBeTruthy();
+  });
+});

src/app/handbook/handbook.ts

@@ -0,0 +1,19 @@
+/**
+ * @copyright NHCarrigan
+ * @license Naomi's Public License
+ * @author Naomi Carrigan
+ */
+import { Component } from "@angular/core";
+
+/**
+ * Renders the handbook page.
+ */
+@Component({
+  imports:     [],
+  selector:    "app-handbook",
+  styleUrl:    "./handbook.css",
+  templateUrl: "./handbook.html",
+})
+export class Handbook {
+
+}

src/app/home/home.html

@@ -0,0 +1 @@
+<p>home works!</p>

src/app/home/home.spec.ts

@@ -0,0 +1,29 @@
+/**
+ * @copyright NHCarrigan
+ * @license Naomi's Public License
+ * @author Naomi Carrigan
+ */
+import { type ComponentFixture, TestBed } from "@angular/core/testing";
+import { describe, beforeEach, it, expect } from "vitest";
+import { Home } from "./home";
+
+describe("home", () => {
+  let component: Home;
+  let fixture: ComponentFixture<Home>;
+
+  beforeEach(async() => {
+    await TestBed.configureTestingModule({
+      imports: [ Home ],
+    }).
+      compileComponents();
+
+    fixture = TestBed.createComponent(Home);
+    component = fixture.componentInstance;
+    await fixture.whenStable();
+  });
+
+  it("should create", () => {
+    expect.assertions(1);
+    expect(component, "did not compile").toBeTruthy();
+  });
+});

src/app/home/home.ts

@@ -0,0 +1,19 @@
+/**
+ * @copyright NHCarrigan
+ * @license Naomi's Public License
+ * @author Naomi Carrigan
+ */
+import { Component } from "@angular/core";
+
+/**
+ * Renders the home page.
+ */
+@Component({
+  imports:     [],
+  selector:    "app-home",
+  styleUrl:    "./home.css",
+  templateUrl: "./home.html",
+})
+export class Home {
+
+}

src/app/nav/nav.html

@@ -0,0 +1 @@
+<p>nav works!</p>

src/app/nav/nav.spec.ts

@@ -0,0 +1,29 @@
+/**
+ * @copyright NHCarrigan
+ * @license Naomi's Public License
+ * @author Naomi Carrigan
+ */
+import { type ComponentFixture, TestBed } from "@angular/core/testing";
+import { describe, beforeEach, it, expect } from "vitest";
+import { Nav } from "./nav";
+
+describe("nav", () => {
+  let component: Nav;
+  let fixture: ComponentFixture<Nav>;
+
+  beforeEach(async() => {
+    await TestBed.configureTestingModule({
+      imports: [ Nav ],
+    }).
+      compileComponents();
+
+    fixture = TestBed.createComponent(Nav);
+    component = fixture.componentInstance;
+    await fixture.whenStable();
+  });
+
+  it("should create", () => {
+    expect.assertions(1);
+    expect(component, "did not compile").toBeTruthy();
+  });
+});

src/app/nav/nav.ts

@@ -0,0 +1,19 @@
+/**
+ * @copyright NHCarrigan
+ * @license Naomi's Public License
+ * @author Naomi Carrigan
+ */
+import { Component } from "@angular/core";
+
+/**
+ * Renders the navigation bar.
+ */
+@Component({
+  imports:     [],
+  selector:    "app-nav",
+  styleUrl:    "./nav.css",
+  templateUrl: "./nav.html",
+})
+export class Nav {
+
+}

src/app/reviews/reviews.html

@@ -0,0 +1 @@
+<p>reviews works!</p>

src/app/reviews/reviews.spec.ts

@@ -0,0 +1,29 @@
+/**
+ * @copyright NHCarrigan
+ * @license Naomi's Public License
+ * @author Naomi Carrigan
+ */
+import { type ComponentFixture, TestBed } from "@angular/core/testing";
+import { describe, beforeEach, it, expect } from "vitest";
+import { Reviews } from "./reviews";
+
+describe("reviews", () => {
+  let component: Reviews;
+  let fixture: ComponentFixture<Reviews>;
+
+  beforeEach(async() => {
+    await TestBed.configureTestingModule({
+      imports: [ Reviews ],
+    }).
+      compileComponents();
+
+    fixture = TestBed.createComponent(Reviews);
+    component = fixture.componentInstance;
+    await fixture.whenStable();
+  });
+
+  it("should create", () => {
+    expect.assertions(1);
+    expect(component, "did not compile").toBeTruthy();
+  });
+});

src/app/reviews/reviews.ts

@@ -0,0 +1,19 @@
+/**
+ * @copyright NHCarrigan
+ * @license Naomi's Public License
+ * @author Naomi Carrigan
+ */
+import { Component } from "@angular/core";
+
+/**
+ * Renders the reviews page.
+ */
+@Component({
+  imports:     [],
+  selector:    "app-reviews",
+  styleUrl:    "./reviews.css",
+  templateUrl: "./reviews.html",
+})
+export class Reviews {
+
+}

src/app/staff/staff.html

@@ -0,0 +1 @@
+<p>staff works!</p>

src/app/staff/staff.spec.ts

@@ -0,0 +1,29 @@
+/**
+ * @copyright NHCarrigan
+ * @license Naomi's Public License
+ * @author Naomi Carrigan
+ */
+import { type ComponentFixture, TestBed } from "@angular/core/testing";
+import { describe, beforeEach, it, expect } from "vitest";
+import { Staff } from "./staff";
+
+describe("staff", () => {
+  let component: Staff;
+  let fixture: ComponentFixture<Staff>;
+
+  beforeEach(async() => {
+    await TestBed.configureTestingModule({
+      imports: [ Staff ],
+    }).
+      compileComponents();
+
+    fixture = TestBed.createComponent(Staff);
+    component = fixture.componentInstance;
+    await fixture.whenStable();
+  });
+
+  it("should create", () => {
+    expect.assertions(1);
+    expect(component, "did not compile").toBeTruthy();
+  });
+});

src/app/staff/staff.ts

@@ -0,0 +1,19 @@
+/**
+ * @copyright NHCarrigan
+ * @license Naomi's Public License
+ * @author Naomi Carrigan
+ */
+import { Component } from "@angular/core";
+
+/**
+ * Renders the staff page.
+ */
+@Component({
+  imports:     [],
+  selector:    "app-staff",
+  styleUrl:    "./staff.css",
+  templateUrl: "./staff.html",
+})
+export class Staff {
+
+}

src/app/ticker/ticker.html

@@ -0,0 +1 @@
+<p>ticker works!</p>

src/app/ticker/ticker.spec.ts

@@ -0,0 +1,29 @@
+/**
+ * @copyright NHCarrigan
+ * @license Naomi's Public License
+ * @author Naomi Carrigan
+ */
+import { type ComponentFixture, TestBed } from "@angular/core/testing";
+import { describe, beforeEach, it, expect } from "vitest";
+import { Ticker } from "./ticker";
+
+describe("ticker", () => {
+  let component: Ticker;
+  let fixture: ComponentFixture<Ticker>;
+
+  beforeEach(async() => {
+    await TestBed.configureTestingModule({
+      imports: [ Ticker ],
+    }).
+      compileComponents();
+
+    fixture = TestBed.createComponent(Ticker);
+    component = fixture.componentInstance;
+    await fixture.whenStable();
+  });
+
+  it("should create", () => {
+    expect.assertions(1);
+    expect(component, "did not compile").toBeTruthy();
+  });
+});

src/app/ticker/ticker.ts

@@ -0,0 +1,19 @@
+/**
+ * @copyright NHCarrigan
+ * @license Naomi's Public License
+ * @author Naomi Carrigan
+ */
+import { Component } from "@angular/core";
+
+/**
+ * Renders the ticker.
+ */
+@Component({
+  imports:     [],
+  selector:    "app-ticker",
+  styleUrl:    "./ticker.css",
+  templateUrl: "./ticker.html",
+})
+export class Ticker {
+
+}