gpt_chrome_autodrafter_v3/PLUSVIBE_QUICK_TEST.md

Quick Test Guide for Plusvibe

Step 1: Reload the Extension

1. Go to chrome://extensions/
2. Click the refresh icon on your extension
3. Go back to Plusvibe

Step 2: Check if Scripts Loaded

Open the console and check for these messages:

• "=== PLUSVIBE EXTRACTOR LOADING ==="
• "=== PLUSVIBE EXTRACTOR LOADED ==="
• "Current thread ID: 684c8bb9615eea3dba364e56"

Step 3: Find Message Containers

Run these commands in the console:

// Test 1: Find messages by content
PlusvibeExtractor.findMessagesByContent();

// Test 2: Run DOM analysis
PlusvibeExtractor.analyzeDOMStructure();

// Test 3: Check for specific selectors that might work
const selectors = [
  '[class*="message"]',
  '[class*="email"]',
  '[class*="mail"]',
  'div[style*="padding"]', // Often messages have padding
  'div[style*="margin"]',  // Or margin
  '.flex.flex-col',        // Common Tailwind patterns
  '.relative',             // Common positioning
];

selectors.forEach(sel => {
  const els = document.querySelectorAll(sel);
  if (els.length > 0 && els.length < 20) {
    console.log(`Selector "${sel}" found ${els.length} elements`);
    // Check if any contain email addresses
    [...els].forEach((el, i) => {
      if (el.textContent.includes('@') && el.textContent.length > 100) {
        console.log(`  Element ${i} might be a message:`, {
          text: el.textContent.substring(0, 100) + '...',
          classes: el.className
        });
      }
    });
  }
});

Step 4: Inspect a Single Message

1. Right-click on any email message in the thread
2. Select "Inspect Element"
3. Note down:
   • The element's tag name (div, section, article, etc.)
   • Its class names
   • Any data attributes
   • Its parent container

Step 5: Test Thread Extraction

Once you identify the selector, we can test:

// Replace '.message-class' with the actual class you found
const messages = document.querySelectorAll('.message-class');
console.log('Found messages:', messages.length);

messages.forEach((msg, i) => {
  console.log(`Message ${i + 1}:`, {
    sender: msg.textContent.match(/[\w.+-]+@[\w.-]+\.\w+/)?.[0],
    preview: msg.textContent.substring(0, 150)
  });
});

What to Report Back

Please share:

1. The console output from the tests above
2. The HTML structure of a single message (right-click → Copy → Copy outerHTML)
3. Whether the thread ID shows correctly in the console
4. Any errors you see

This will help us identify the exact selectors for Plusvibe!