No back-end is available. Do you need to start some services?
+ )
+ } else
+ return (
+
+
+ )
+}
+
+export default Fight
diff --git a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/fight/Fight.test.js b/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/fight/Fight.test.js
new file mode 100644
index 000000000..d1cd7df96
--- /dev/null
+++ b/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/fight/Fight.test.js
@@ -0,0 +1,127 @@
+import React from "react"
+import {fireEvent, render, screen} from "@testing-library/react"
+import "@testing-library/jest-dom"
+import Fight from "./Fight"
+import {getRandomFighters, narrateFight, startFight} from "../shared/api/fight-service"
+import {act} from "react-dom/test-utils"
+
+jest.mock("../shared/api/fight-service")
+
+const fighters = {
+ hero: {
+ name: 'Fake hero',
+ level: 1,
+ picture: 'https://dummyimage.com/280x380/1e8fff/ffffff&text=Fake+Hero',
+ powers: 'Fake hero powers'
+ },
+ villain: {
+ name: 'Fake villain',
+ level: 42,
+ picture: 'https://dummyimage.com/280x380/b22222/ffffff&text=Fake+Villain',
+ powers: 'Fake villain powers'
+ }
+}
+
+const fight = {
+ fightDate: "2023-10-24T21:34:47.617598Z",
+ id: 200,
+ loserLevel: 1,
+ loserName: "Fake hero",
+ loserPicture: "https://dummyimage.com/280x380/1e8fff/ffffff&text=Mock+Hero",
+ loserPowers: "Being fake",
+ loserTeam: "heroes",
+ winnerLevel: 42,
+ winnerName: "Fake villain",
+ winnerPicture: "https://dummyimage.com/280x380/b22222/ffffff&text=Mock+Villain",
+ winnerPowers: "Dissimulation",
+ winnerTeam: "villains"
+}
+
+const narration = "Ooh, it was a close fight but in the end the villain prevailed by sitting on the hero."
+
+describe("the fight visualisation", () => {
+
+ describe("when the back end is missing", () => {
+
+ beforeEach(() => {
+ // Return undefined
+ getRandomFighters.mockResolvedValue()
+ })
+
+ afterAll(() => {
+ jest.resetAllMocks()
+ })
+
+ it("renders a helpful message", async () => {
+ await act(async () => {
+ render(
+
+
+
+
+ + {fighters.hero.name} +
+ +
+
+
+
+
+
+
+
+
+
+ {winner && (
+ Winner is {winner}
+
+ {narration && (
+ )}
+ {narration}
)}
+
+
+
+
+
+ + {fighters.villain.name} +
+
+ 
+
+
+ {fighters.villain.level}
+setShowVillainPowers(!showVillainPowers)}>
+ +
+ {fighters.villain.powers}
+
+
+
-
diff --git a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/fight/fight.component.ts b/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/fight/fight.component.ts
deleted file mode 100644
index bbab2000e..000000000
--- a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/fight/fight.component.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import {Component, OnInit} from '@angular/core';
-import {Fight, Fighters, FightService} from '../shared';
-
-@Component({
- selector: 'hero-fight',
- templateUrl: './fight.component.html'
-})
-export class FightComponent implements OnInit {
-
- fighters: Fighters = new Fighters();
- wonFight: Fight;
- winner: String;
- narration: String;
-
- constructor(private fightService: FightService) {
- }
-
- ngOnInit() {
- this.newFighters();
- }
-
- fight() {
- this.fightService.apiFightsPost(this.fighters).subscribe(
- fight => {
- this.fightService.onNewFight(fight);
- this.winner = fight.winnerName;
- this.wonFight = fight;
- this.narration = "";
- }
- );
- }
-
- narrate() {
- this.fightService.apiNarrateFightPost(this.wonFight).subscribe(
- narration => {
- this.fightService.onNewFightNarration(narration);
- this.narration = narration;
- }
- );
- }
-
- newFighters() {
- this.winner = null;
- this.fightService.apiFightsRandomfightersGet().subscribe(fighters => this.fighters = fighters);
- }
-}
diff --git a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/.swagger-codegen-ignore b/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/.swagger-codegen-ignore
deleted file mode 100644
index c5fa491b4..000000000
--- a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/.swagger-codegen-ignore
+++ /dev/null
@@ -1,23 +0,0 @@
-# Swagger Codegen Ignore
-# Generated by swagger-codegen https://github.com/swagger-api/swagger-codegen
-
-# Use this file to prevent files from being overwritten by the generator.
-# The patterns follow closely to .gitignore or .dockerignore.
-
-# As an example, the C# client generator defines ApiClient.cs.
-# You can make changes and tell Swagger Codgen to ignore just this file by uncommenting the following line:
-#ApiClient.cs
-
-# You can match any string of characters against a directory, file or extension with a single asterisk (*):
-#foo/*/qux
-# The above matches foo/bar/qux and foo/baz/qux, but not foo/bar/baz/qux
-
-# You can recursively match patterns against a directory, file or extension with a double asterisk (**):
-#foo/**/qux
-# This matches foo/bar/qux, foo/baz/qux, and foo/bar/baz/qux
-
-# You can also negate patterns with an exclamation (!).
-# For example, you can ignore all files in a docs folder with the file extension .md:
-#docs/*.md
-# Then explicitly reverse the ignore rule for a single file:
-#!docs/README.md
diff --git a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/.swagger-codegen/VERSION b/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/.swagger-codegen/VERSION
deleted file mode 100644
index e4a0720dd..000000000
--- a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/.swagger-codegen/VERSION
+++ /dev/null
@@ -1 +0,0 @@
-3.0.11
\ No newline at end of file
diff --git a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/api.module.ts b/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/api.module.ts
deleted file mode 100644
index 93410d7e1..000000000
--- a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/api.module.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { NgModule, ModuleWithProviders, SkipSelf, Optional } from '@angular/core';
-import { Configuration } from './configuration';
-import { HttpClient } from '@angular/common/http';
-
-
-import { FightService } from './api/fight.service';
-
-@NgModule({
- imports: [],
- declarations: [],
- exports: [],
- providers: [
- FightService ]
-})
-export class ApiModule {
- public static forRoot(configurationFactory: () => Configuration): ModuleWithProviders
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Winner is {{winner}}
-
-
- {{narration}}
- undefined if no selection could be made.
- */
- public selectHeaderContentType (contentTypes: string[]): string | undefined {
- if (contentTypes.length == 0) {
- return undefined;
- }
-
- let type = contentTypes.find(x => this.isJsonMime(x));
- if (type === undefined) {
- return contentTypes[0];
- }
- return type;
- }
-
- /**
- * Select the correct accept content-type to use for a request.
- * Uses {@link Configuration#isJsonMime} to determine the correct accept content-type.
- * If no content type is found return the first found type if the contentTypes is not empty
- * @param accepts - the array of content types that are available for selection.
- * @returns the selected content-type or undefined if no selection could be made.
- */
- public selectHeaderAccept(accepts: string[]): string | undefined {
- if (accepts.length == 0) {
- return undefined;
- }
-
- let type = accepts.find(x => this.isJsonMime(x));
- if (type === undefined) {
- return accepts[0];
- }
- return type;
- }
-
- /**
- * Check if the given MIME is a JSON MIME.
- * JSON MIME examples:
- * application/json
- * application/json; charset=UTF8
- * APPLICATION/JSON
- * application/vnd.company+json
- * @param mime - MIME (Multipurpose Internet Mail Extensions)
- * @return True if the given MIME is JSON, false otherwise.
- */
- public isJsonMime(mime: string): boolean {
- const jsonMime: RegExp = new RegExp('^(application\/json|[^;/ \t]+\/[^;/ \t]+[+]json)[ \t]*(;.*)?$', 'i');
- return mime != null && (jsonMime.test(mime) || mime.toLowerCase() === 'application/json-patch+json');
- }
-}
diff --git a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/encoder.ts b/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/encoder.ts
deleted file mode 100644
index f1c6b78c9..000000000
--- a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/encoder.ts
+++ /dev/null
@@ -1,18 +0,0 @@
- import { HttpUrlEncodingCodec } from '@angular/common/http';
-
-/**
-* CustomHttpUrlEncodingCodec
-* Fix plus sign (+) not encoding, so sent as blank space
-* See: https://github.com/angular/angular/issues/11058#issuecomment-247367318
-*/
-export class CustomHttpUrlEncodingCodec extends HttpUrlEncodingCodec {
- encodeKey(k: string): string {
- k = super.encodeKey(k);
- return k.replace(/\+/gi, '%2B');
- }
- encodeValue(v: string): string {
- v = super.encodeValue(v);
- return v.replace(/\+/gi, '%2B');
- }
-}
-
diff --git a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/index.ts b/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/index.ts
deleted file mode 100644
index c312b70fa..000000000
--- a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export * from './api/api';
-export * from './model/models';
-export * from './variables';
-export * from './configuration';
-export * from './api.module';
\ No newline at end of file
diff --git a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/model/fight.ts b/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/model/fight.ts
deleted file mode 100644
index 4d8395e33..000000000
--- a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/model/fight.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/**
- * Fight API
- * This API allows a hero and a villain to fight
- *
- * OpenAPI spec version: 1.0
- *
- *
- * NOTE: This class is auto generated by the swagger code generator program.
- * https://github.com/swagger-api/swagger-codegen.git
- * Do not edit the class manually.
- */import { FightFightDate } from './fightFightDate';
-
-
-/**
- * Each fight has a winner and a loser
- */
-export interface Fight {
- id?: number;
- fightDate: FightFightDate;
- winnerName: string;
- winnerLevel: number;
- winnerPowers: string;
- winnerPicture: string;
- loserName: string;
- loserLevel: number;
- loserPowers: string;
- loserPicture: string;
-}
diff --git a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/model/fightFightDate.ts b/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/model/fightFightDate.ts
deleted file mode 100644
index 5e676017b..000000000
--- a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/model/fightFightDate.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-/**
- * Fight API
- * This API allows a hero and a villain to fight
- *
- * OpenAPI spec version: 1.0
- *
- *
- * NOTE: This class is auto generated by the swagger code generator program.
- * https://github.com/swagger-api/swagger-codegen.git
- * Do not edit the class manually.
- */
-
-export interface FightFightDate {
- nanos?: number;
- seconds?: number;
- epochSecond?: number;
- nano?: number;
-}
\ No newline at end of file
diff --git a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/model/fighters.ts b/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/model/fighters.ts
deleted file mode 100644
index b56635067..000000000
--- a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/model/fighters.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-/**
- * Fight API
- * This API allows a hero and a villain to fight
- *
- * OpenAPI spec version: 1.0
- *
- *
- * NOTE: This class is auto generated by the swagger code generator program.
- * https://github.com/swagger-api/swagger-codegen.git
- * Do not edit the class manually.
- */
-import { Hero } from './hero';
-import { Villain } from './villain';
-
-
-/**
- * A fight between one hero and one villain
- */
-export class Fighters {
- constructor(
- public hero?: Hero,
- public villain?: Villain,
- ) {
- }
-}
diff --git a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/model/hero.ts b/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/model/hero.ts
deleted file mode 100644
index 46e24d06b..000000000
--- a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/model/hero.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/**
- * Fight API
- * This API allows a hero and a villain to fight
- *
- * OpenAPI spec version: 1.0
- *
- *
- * NOTE: This class is auto generated by the swagger code generator program.
- * https://github.com/swagger-api/swagger-codegen.git
- * Do not edit the class manually.
- */
-
-/**
- * The hero fighting against the villain
- */
-export class Hero {
- constructor(
- public name?: string,
- public picture?: string,
- public powers?: string,
- public level?: bigint
-) {
-}
-}
diff --git a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/model/modelLong.ts b/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/model/modelLong.ts
deleted file mode 100644
index 28ee4ca82..000000000
--- a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/model/modelLong.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-/**
- * Fight API
- * This API allows a hero and a villain to fight
- *
- * OpenAPI spec version: 1.0
- *
- *
- * NOTE: This class is auto generated by the swagger code generator program.
- * https://github.com/swagger-api/swagger-codegen.git
- * Do not edit the class manually.
- */
-
-export type ModelLong = number;
\ No newline at end of file
diff --git a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/model/modelString.ts b/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/model/modelString.ts
deleted file mode 100644
index ef0e5dfd9..000000000
--- a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/model/modelString.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-/**
- * Fight API
- * This API allows a hero and a villain to fight
- *
- * OpenAPI spec version: 1.0
- *
- *
- * NOTE: This class is auto generated by the swagger code generator program.
- * https://github.com/swagger-api/swagger-codegen.git
- * Do not edit the class manually.
- */
-
-export type ModelString = string;
\ No newline at end of file
diff --git a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/model/models.ts b/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/model/models.ts
deleted file mode 100644
index 8db0db6f2..000000000
--- a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/model/models.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export * from './fight';
-export * from './fightFightDate';
-export * from './fighters';
-export * from './hero';
-export * from './villain';
-export * from './modelLong';
-export * from './modelString';
-export * from './uRI';
diff --git a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/model/uRI.ts b/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/model/uRI.ts
deleted file mode 100644
index f6d244156..000000000
--- a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/model/uRI.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * Fight API
- * This API allows a hero and a villain to fight
- *
- * OpenAPI spec version: 1.0
- *
- *
- * NOTE: This class is auto generated by the swagger code generator program.
- * https://github.com/swagger-api/swagger-codegen.git
- * Do not edit the class manually.
- */
-
-export interface URI {
- string?: string;
- rawAuthority?: string;
- rawFragment?: string;
- rawPath?: string;
- rawQuery?: string;
- rawSchemeSpecificPart?: string;
- rawUserInfo?: string;
- absolute?: boolean;
- opaque?: boolean;
-}
\ No newline at end of file
diff --git a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/model/villain.ts b/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/model/villain.ts
deleted file mode 100644
index 70db242b3..000000000
--- a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/model/villain.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/**
- * Fight API
- * This API allows a hero and a villain to fight
- *
- * OpenAPI spec version: 1.0
- *
- *
- * NOTE: This class is auto generated by the swagger code generator program.
- * https://github.com/swagger-api/swagger-codegen.git
- * Do not edit the class manually.
- */
-
-/**
- * The villain fighting against the hero
- */
-export class Villain {
- constructor(
- public name?: string,
- public picture?: string,
- public powers?: string,
- public level?: bigint
- ) {
- }
-}
diff --git a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/variables.ts b/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/variables.ts
deleted file mode 100644
index 6fe58549f..000000000
--- a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/app/shared/variables.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { InjectionToken } from '@angular/core';
-
-export const BASE_PATH = new InjectionToken
-
-
-
-
-
-
-
diff --git a/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/index.js b/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/index.js
new file mode 100644
index 000000000..6661a2717
--- /dev/null
+++ b/quarkus-workshop-super-heroes/super-heroes/ui-super-heroes/src/main/webui/src/index.js
@@ -0,0 +1,11 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './styles.css';
+import App from './app/App';
+
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(
+ .*", Pattern.DOTALL)));
// We don't want to do full HTML parsing here, because that should
// be in the javascript tests. Instead, just confirm that we
// are successfully serving the HTML content on /