import { readFileSync } from "node:fs";
import { describe, expect, it } from "vitest";

describe("profile page polish", () => {
  it("focuses the left column on identity and immediate actions", () => {
    const source = readFileSync(new URL("./ProfilePage.tsx", import.meta.url), "utf8");
    const styles = readFileSync(new URL("../styles/app.css", import.meta.url), "utf8");

    expect(source).toContain("profile-identity");
    expect(source).toContain("profile-avatar");
    expect(source).toContain("profile-actions");
    expect(source).toContain('id="profile-security-form"');
    expect(source).toContain("scrollIntoView");
    expect(styles).toContain(".profile-identity");
    expect(styles).toContain(".profile-actions");
  });
});