import { test } from 'magnitude-test';

const TEST_HANDLE = process.env.TEST_BLUESKY_HANDLE;
const TEST_PASSWORD = process.env.TEST_BLUESKY_PASSWORD;

if (!TEST_HANDLE || !TEST_PASSWORD) {
  throw new Error('TEST_BLUESKY_HANDLE and TEST_BLUESKY_PASSWORD must be set in .env');
}

test('User can delete their own node from galaxy view', async (agent) => {
  // Act: Log in
  await agent.act('Navigate to /login');
  await agent.act(`Type "${TEST_HANDLE}" into the "Your Handle" input field`);
  await agent.act('Click the "Log in with Bluesky" button');
  await agent.check('The page URL contains "bsky.social"');
  await agent.act(`Type "${TEST_HANDLE}" into the username/identifier field`);
  await agent.act(`Type "${TEST_PASSWORD}" into the password field`);
  await agent.act('Click the submit/authorize button');
  await agent.check('The page URL contains "/chat"');

  // Act: Create a test node via chat
  await agent.act('Type "This is a test node for deletion" into the chat input');
  await agent.act('Press Enter or click send');
  await agent.check('AI responds with a message');

  // Act: Trigger node creation
  await agent.act('Wait for the AI to suggest creating a node or manually trigger node creation');
  await agent.check('A node draft is created in the editor');

  // Act: Publish the node
  await agent.act('Click the "Publish" button');
  await agent.check('A success notification appears');
  await agent.check('The node is published to Bluesky');

  // Act: Navigate to Galaxy view
  await agent.act('Click the "Galaxy" navigation link');
  await agent.check('The galaxy visualization loads');
  await agent.check('At least one node is visible in the 3D galaxy view');

  // Act: Click on the newly created node
  await agent.act('Click on the test node in the galaxy view');
  await agent.check('A node detail panel opens showing the node title and body');
  await agent.check('The node detail panel shows "This is a test node for deletion"');

  // Check: Verify delete button is visible (only for user\'s own nodes)
  await agent.check('A "Delete" button is visible in the node detail panel');

  // Act: Click the delete button
  await agent.act('Click the "Delete" button');

  // Check: Verify delete confirmation modal appears
  await agent.check('A delete confirmation modal appears');
  await agent.check('The modal is displayed above the node detail panel');
  await agent.check('The modal shows "Are you sure you want to delete this node?"');
  await agent.check('The modal explains this will remove the post from Bluesky');
  await agent.check('The modal has a "Delete Permanently" button');
  await agent.check('The modal has a "Cancel" button');

  // Act: Confirm deletion
  await agent.act('Click the "Delete Permanently" button');

  // Check: Verify deletion succeeded
  await agent.check('A success notification appears saying "Node deleted"');
  await agent.check('The node detail panel closes');
  await agent.check('The node is no longer visible in the galaxy view');

  // Act: Verify node is deleted from Bluesky
  await agent.act('Navigate to the user\'s Bluesky profile');
  await agent.check('The test node "This is a test node for deletion" is not visible on Bluesky');
});

test('Delete button is not shown for other users\' nodes', async (agent) => {
  // This test would require viewing another user's public galaxy
  // Skipping for now as it requires a second test account
  await agent.act('Skip this test - requires second test account');
});

test('Cancel button closes delete confirmation without deleting', async (agent) => {
  // Act: Log in
  await agent.act('Navigate to /login');
  await agent.act(`Type "${TEST_HANDLE}" into the "Your Handle" input field`);
  await agent.act('Click the "Log in with Bluesky" button');
  await agent.check('The page URL contains "bsky.social"');
  await agent.act(`Type "${TEST_HANDLE}" into the username/identifier field`);
  await agent.act(`Type "${TEST_PASSWORD}" into the password field`);
  await agent.act('Click the submit/authorize button');
  await agent.check('The page URL contains "/chat"');

  // Act: Navigate to Galaxy view
  await agent.act('Click the "Galaxy" navigation link');
  await agent.check('The galaxy visualization loads');

  // Act: Click on any existing node
  await agent.act('Click on any node in the galaxy view');
  await agent.check('A node detail panel opens');

  // Act: Click the delete button
  await agent.act('Click the "Delete" button');
  await agent.check('A delete confirmation modal appears');

  // Act: Click cancel
  await agent.act('Click the "Cancel" button');

  // Check: Verify modal closes and node is still there
  await agent.check('The delete confirmation modal closes');
  await agent.check('The node detail panel is still open');
  await agent.check('The node is still visible in the galaxy view');
});

test('Node deletion removes associated links', async (agent) => {
  // Act: Log in
  await agent.act('Navigate to /login');
  await agent.act(`Type "${TEST_HANDLE}" into the "Your Handle" input field`);
  await agent.act('Click the "Log in with Bluesky" button');
  await agent.check('The page URL contains "bsky.social"');
  await agent.act(`Type "${TEST_HANDLE}" into the username/identifier field`);
  await agent.act(`Type "${TEST_PASSWORD}" into the password field`);
  await agent.act('Click the submit/authorize button');
  await agent.check('The page URL contains "/chat"');

  // Act: Create two linked nodes
  await agent.act('Create a first test node via chat');
  await agent.act('Create a second test node that links to the first');

  // Act: Navigate to Galaxy view
  await agent.act('Click the "Galaxy" navigation link');
  await agent.check('The galaxy visualization shows two nodes with a link between them');

  // Act: Delete one of the nodes
  await agent.act('Click on the first test node');
  await agent.act('Click the "Delete" button');
  await agent.act('Click "Delete Permanently"');

  // Check: Verify the link is also removed
  await agent.check('The link between the nodes is no longer visible');
  await agent.check('Only one node remains in the galaxy');
});