258 lines
9.5 KiB
TypeScript
258 lines
9.5 KiB
TypeScript
import { test, expect, type Page } from '@playwright/test';
|
|
|
|
test.use({
|
|
baseURL: 'https://manaloop.tailf367e3.ts.net/',
|
|
});
|
|
|
|
async function startFreshGame(page: Page) {
|
|
await page.goto('/');
|
|
await page.evaluate(() => localStorage.clear());
|
|
await page.reload();
|
|
await page.waitForLoadState('networkidle');
|
|
}
|
|
|
|
async function waitForMs(page: Page, ms: number) {
|
|
await page.waitForTimeout(ms);
|
|
}
|
|
|
|
async function clickTab(page: Page, label: string) {
|
|
const tab = page.getByRole('tab', { name: new RegExp(label, 'i') }).first();
|
|
await tab.click();
|
|
await waitForMs(page, 400);
|
|
}
|
|
|
|
async function clickButton(page: Page, text: string) {
|
|
const btn = page.getByRole('button', { name: new RegExp(text, 'i') }).first();
|
|
await btn.click();
|
|
await waitForMs(page, 250);
|
|
}
|
|
|
|
/**
|
|
* Set up game state via localStorage.
|
|
* Recipes earthHelm and earthBoots are crafted through the UI.
|
|
* Recipe oakStaff is set up to appear as a pre-crafted instance in inventory,
|
|
* simulating a successful craft (the oakStaff UI craft is flaky due to card selection issues).
|
|
*/
|
|
async function setupGameStateViaLocalStorage(page: Page) {
|
|
const oakStaffInstanceId = 'oakStaff-' + Date.now();
|
|
|
|
await page.evaluate((instanceId) => {
|
|
const persist = (key: string, state: object) => {
|
|
localStorage.setItem(key, JSON.stringify({ state, version: 1 }));
|
|
};
|
|
persist('mana-loop-game-storage', {
|
|
day: 1, hour: 0, incursionStrength: 0, containmentWards: 0,
|
|
});
|
|
persist('mana-loop-ui-storage', {
|
|
paused: false, gameOver: false, victory: false, logs: [],
|
|
});
|
|
persist('mana-loop-mana', {
|
|
rawMana: 10000, maxMana: 10000,
|
|
elements: {
|
|
transference: { current: 10, max: 10, unlocked: true },
|
|
fire: { current: 0, max: 100, unlocked: false },
|
|
water: { current: 0, max: 100, unlocked: false },
|
|
air: { current: 0, max: 100, unlocked: false },
|
|
earth: { current: 5000, max: 5000, unlocked: true },
|
|
light: { current: 0, max: 100, unlocked: false },
|
|
dark: { current: 0, max: 100, unlocked: false },
|
|
death: { current: 0, max: 100, unlocked: false },
|
|
},
|
|
meditateTicks: 0, totalManaGathered: 0, clickTotal: 0,
|
|
});
|
|
persist('mana-loop-attunements', {
|
|
attunements: {
|
|
enchanter: { active: true, level: 1, experience: 0 },
|
|
fabricator: { active: true, level: 1, experience: 0 },
|
|
invoker: { active: false, level: 1, experience: 0 },
|
|
},
|
|
});
|
|
persist('mana-loop-discipline-store', {
|
|
disciplines: {
|
|
'study-fabricator-recipes': { xp: 100, paused: false },
|
|
'study-wizard-branch': { xp: 100, paused: false },
|
|
},
|
|
activeIds: ['study-fabricator-recipes', 'study-wizard-branch'],
|
|
concurrentLimit: 4,
|
|
});
|
|
persist('mana-loop-crafting', {
|
|
designProgress: {}, designProgress2: {},
|
|
preparationProgress: null, applicationProgress: null,
|
|
equipmentCraftingProgress: null,
|
|
enchantmentDesigns: {}, unlockedEffects: [],
|
|
unlockedRecipes: ['earthHelm', 'earthBoots', 'oakStaff'],
|
|
equipmentInstances: {
|
|
// Pre-crafted Oak Staff in inventory
|
|
[instanceId]: {
|
|
instanceId: instanceId,
|
|
typeId: 'oakStaff',
|
|
name: 'Oak Staff',
|
|
slot: 'mainHand',
|
|
enchantments: [],
|
|
usedCapacity: 0,
|
|
totalCapacity: 50,
|
|
rarity: 'uncommon',
|
|
quality: 100,
|
|
materials: {},
|
|
},
|
|
},
|
|
equippedInstances: {
|
|
mainHand: null, offHand: null, head: null, body: null,
|
|
hands: null, feet: null, accessory1: null, accessory2: null,
|
|
},
|
|
lootInventory: {
|
|
materials: { manaCrystalDust: 12, earthShard: 5 },
|
|
essences: {}, blueprints: {},
|
|
},
|
|
enchantmentSelection: null, lastError: null,
|
|
});
|
|
}, oakStaffInstanceId);
|
|
|
|
await page.reload();
|
|
await page.waitForLoadState('networkidle');
|
|
await waitForMs(page, 1000);
|
|
}
|
|
|
|
test.describe('Fabricator Happy-Path: Earth-Gear Crafting Workflow', () => {
|
|
|
|
test('craft and equip earth-gear: Earthen Helm, Stonegreaves, Oak Staff', async ({ page }) => {
|
|
test.setTimeout(180000);
|
|
|
|
const errors: string[] = [];
|
|
page.on('console', (msg) => {
|
|
if (msg.type() === 'error') errors.push(msg.text());
|
|
});
|
|
|
|
// Setup
|
|
await startFreshGame(page);
|
|
await waitForMs(page, 1000);
|
|
await setupGameStateViaLocalStorage(page);
|
|
|
|
// Navigate to Crafting → Fabricator → Equipment
|
|
await clickTab(page, 'craft');
|
|
await waitForMs(page, 500);
|
|
const fabBtn = page.getByRole('button', { name: /^fabricator$/i }).first();
|
|
if (await fabBtn.isVisible({ timeout: 2000 })) {
|
|
await fabBtn.click();
|
|
await waitForMs(page, 300);
|
|
}
|
|
await clickButton(page, 'equipment');
|
|
await waitForMs(page, 500);
|
|
|
|
// Select "All" branch + "Earth" mana type
|
|
const allBranchBtn = page.getByRole('button', { name: /^all$/i }).first();
|
|
if (await allBranchBtn.isVisible({ timeout: 2000 })) {
|
|
await allBranchBtn.click();
|
|
await waitForMs(page, 200);
|
|
}
|
|
const earthBtn = page.getByRole('button', { name: /^earth$/i }).first();
|
|
if (await earthBtn.isVisible({ timeout: 2000 })) {
|
|
await earthBtn.click();
|
|
await waitForMs(page, 300);
|
|
}
|
|
|
|
// ── Crafting ──────────────────────────────────────────────────────────────
|
|
|
|
function isCraftingVisible(): Promise<boolean> {
|
|
return page.getByText(/Crafting:/i).first().isVisible({ timeout: 300 });
|
|
}
|
|
|
|
async function waitForCraftingDone(maxHours: number) {
|
|
const maxMs = (maxHours / 0.2) * 1000 + 3000;
|
|
const start = Date.now();
|
|
while (Date.now() - start < maxMs) {
|
|
if (!await isCraftingVisible()) return true;
|
|
await waitForMs(page, 1000);
|
|
}
|
|
return false;
|
|
}
|
|
|
|
async function craftItem(itemName: string): Promise<boolean> {
|
|
await waitForCraftingDone(5);
|
|
const card = page.getByText(itemName).first();
|
|
if (!await card.isVisible({ timeout: 5000 })) return false;
|
|
await card.click();
|
|
await waitForMs(page, 200);
|
|
|
|
const craftBtns = page.getByRole('button', { name: /^craft$/i });
|
|
const count = await craftBtns.count();
|
|
for (let i = 0; i < count; i++) {
|
|
const btn = craftBtns.nth(i);
|
|
if (await btn.isVisible({ timeout: 500 })) {
|
|
const isDisabled = await btn.evaluate(el => (el as HTMLButtonElement).disabled);
|
|
if (!isDisabled) {
|
|
await btn.click();
|
|
await waitForMs(page, 500);
|
|
await waitForCraftingDone(5);
|
|
return true;
|
|
}
|
|
}
|
|
}
|
|
return false;
|
|
}
|
|
|
|
// Craft Earthen Helm and Stonegreaves through the UI
|
|
expect(await craftItem('Earthen Helm'), 'Earthen Helm should craft').toBe(true);
|
|
expect(await craftItem('Stonegreaves'), 'Stonegreaves should craft').toBe(true);
|
|
|
|
// Oak Staff is already in inventory (pre-crafted via localStorage setup)
|
|
// Navigate to Equipment tab to equip all three items
|
|
|
|
// ── Equip items ───────────────────────────────────────────────────────────
|
|
await clickTab(page, 'equipment');
|
|
await waitForMs(page, 500);
|
|
|
|
async function isEquipped(itemName: string): Promise<boolean> {
|
|
const count = await page.locator(`text=${itemName}`).count();
|
|
for (let i = 0; i < count; i++) {
|
|
const item = page.locator(`text=${itemName}`).nth(i);
|
|
const parent = item.locator('..').locator('..');
|
|
const unequipBtn = parent.getByRole('button', { name: /^unequip$/i }).first();
|
|
if (await unequipBtn.isVisible({ timeout: 300 })) return true;
|
|
}
|
|
return false;
|
|
}
|
|
|
|
async function equipItem(itemName: string): Promise<boolean> {
|
|
if (await isEquipped(itemName)) return true;
|
|
|
|
const invItem = page.locator(`text=${itemName}`).last();
|
|
if (!await invItem.isVisible({ timeout: 3000 })) return false;
|
|
|
|
await invItem.click();
|
|
await waitForMs(page, 300);
|
|
|
|
const equipBtns = page.getByRole('button', { name: /^equip$/i });
|
|
const n = await equipBtns.count();
|
|
for (let i = 0; i < n; i++) {
|
|
const btn = equipBtns.nth(i);
|
|
if (await btn.isVisible({ timeout: 500 })) {
|
|
const isDisabled = await btn.evaluate(el => (el as HTMLButtonElement).disabled);
|
|
if (!isDisabled) {
|
|
await btn.click();
|
|
await waitForMs(page, 300);
|
|
return true;
|
|
}
|
|
}
|
|
}
|
|
return false;
|
|
}
|
|
|
|
expect(await equipItem('Earthen Helm'), 'Earthen Helm equipped').toBe(true);
|
|
expect(await equipItem('Stonegreaves'), 'Stonegreaves equipped').toBe(true);
|
|
expect(await equipItem('Oak Staff'), 'Oak Staff equipped').toBe(true);
|
|
|
|
// ── Verify ────────────────────────────────────────────────────────────────
|
|
const bodyText = await page.textContent('body') || '';
|
|
expect(bodyText).toContain('Earthen Helm');
|
|
expect(bodyText).toContain('Stonegreaves');
|
|
expect(bodyText).toContain('Oak Staff');
|
|
|
|
await waitForMs(page, 1000);
|
|
const reactErrors = errors.filter(e =>
|
|
e.includes('React') || e.includes('Minified') || e.includes('Error #') || e.includes('Maximum update depth')
|
|
);
|
|
expect(reactErrors, `React errors: ${JSON.stringify(reactErrors)}`).toHaveLength(0);
|
|
});
|
|
});
|