Intern 4中如何导入keys模块？测试Tab按键操作失败求助

Hey there, I’ve run into similar snags with Intern 4 before, so let’s work through this together:

1. Correctly Importing the Keys Module in Intern 4 #

The "Cannot find module" error is happening because Intern 4 uses scoped npm packages, so the old leadfoot/keys path no longer works. Here’s the right way to import it based on your module system:

• CommonJS (Node-style require):

  const { keys } = require('@theintern/leadfoot');
  

• ES Modules (import/export syntax):

  import { keys } from '@theintern/leadfoot';
  

@theintern/leadfoot is the official scoped package for Intern 4’s browser automation library, so this import path will resolve the module missing error.

2. Getting the Tab Key to Work #

Once you’ve imported keys correctly, you need to pair it with Intern’s async API (most methods return promises, so don’t forget await):

Example: Pressing Tab to Shift Focus #

async function navigateWithTab() {
  // Access the remote browser session (available via test context `this.remote`)
  const remote = this.remote;

  // Wait for the target element to be interactable, then press Tab
  await remote
    .findById('your-input-id') // Replace with your element selector
    .waitForEnabled() // Ensure the element is ready for input
    .pressKey(keys.TAB);
}

Troubleshooting if Tab Still Doesn’t Trigger: #

• Confirm element interactability: Use waitForVisible() or waitForEnabled() before pressKey to make sure the element isn’t hidden or disabled.
• Force focus first: If the element isn’t already focused, explicitly call focus() before pressing Tab:

  await remote.findById('your-input-id').focus().pressKey(keys.TAB);
  

• Check your remote session: Double-check that you’re using the correct remote instance (in Intern tests, this is typically available via this.remote in your test function).

内容的提问来源于stack exchange，提问作者CodeBlooded