# Stripe.js testing assistant

Test and debug your Elements integration directly on your website using your browser.

You can use the Stripe.js testing assistant to set up your integration.
![The testing assistant in the browser](https://b.stripecdn.com/docs-statics-srv/assets/easel-full-page-closed.ac7a489b294ad803dc7b996da1306be7.png)

The testing assistant appears on the bottom right of the page.

The testing assistant appears on your website on any page with [Elements](https://docs.stripe.com/payments/elements.md) loaded in a sandbox and doesn’t appear in live mode. The testing assistant provides tools that allow you to:

- Provide autofill shortcuts for payment methods and payment scenarios
- Highlight integration errors, warnings, and optimizations
- Simulate your customer’s location to see which payment methods you display to customers around the world
- Customize your Elements appearance in real time using the [Appearance API](https://docs.stripe.com/elements/appearance-api.md)

## Elements autofill

The testing assistant automatically shows payment method presets for the payment methods included in your integration. You can use these presets to autofill the Payment Element for different payment scenarios.
![The testing assistant autofill tab](https://b.stripecdn.com/docs-statics-srv/assets/easel-autofill.998978b427cc3a4027901a9e228a197d.png)

Use the payment method presets to autofill Elements.

For example, you can select **Magic Fill** to autofill all Elements present on the page at the same time.

## Integration insights

The testing assistant highlights integration errors and warnings to help you follow best practices. It also suggests optimization techniques to help manage your integration’s effectiveness, such as using dynamic payment methods if you aren’t already doing so.
![The testing assistant insights tab](https://b.stripecdn.com/docs-statics-srv/assets/easel-optimizations.ab3ceecb72d8a8e883cd971c9cb696ac.png)

View integration errors and warnings

## Customer location simulation

The testing assistant simulates your customer’s location to view what payment methods display to your customers around the world.
![The customer location simulation tab in the testing assistant](https://b.stripecdn.com/docs-statics-srv/assets/easel-customer-location-mocking.dc648cd550dd0e361bd722bc985e83f7.png)

Simulate your customer’s location to view your integration in various countries

If you use the [Currency Selector Element](https://docs.stripe.com/elements/currency-selector-element.md), you can also simulate the customer’s location to view which payment methods display based on the customer’s chosen currency.

## Elements inspector

> The Elements inspector is only available when using Elements with the [Checkout Sessions API](https://docs.stripe.com/payments/quickstart-checkout-sessions.md).

The Elements inspector helps you debug your integration by displaying real-time information about payment method availability, Adaptive Pricing, and your payment method configuration. For example, you can use the Elements inspector to troubleshoot why specific payment methods aren’t appearing for your customers or why Adaptive Pricing isn’t active.
![The Stripe Elements inspector tool showing an Irish customer configuration with adaptive pricing active, displaying the currency conversion from dollars to euros, and available payment methods like Google Pay and iDEAL.](https://b.stripecdn.com/docs-statics-srv/assets/easel-elements-inspector.7b74635f6b42890e9c3285c8d4b8d0b8.png)

Debug your integration with the Elements inspector

## Appearance editor

The testing assistant includes an Appearance API editor that you can use to customize the look and feel of your Elements integration in real time. Instead of editing your code and refreshing the page to see changes, you can use the editor to experiment with your [Appearance API](https://docs.stripe.com/elements/appearance-api.md) configuration directly in your browser.
![The Appearance editor in the testing assistant](https://b.stripecdn.com/docs-statics-srv/assets/easel-appearance-editor.f4f2f56a6500ad672d64759c07bdfae0.png)

Customize your Appearance API configuration in real time

When you open the Appearance editor, the testing assistant automatically detects the Appearance API configuration active on your page. You can then use the editor to:

- Modify variables such as colors, font sizes, and spacing using interactive controls
- Preview your changes on your Elements integration in real time
- Export the updated Appearance API configuration as a code snippet to use in your integration

## Hide the testing assistant

By default, Stripe automatically enables the testing assistant for integrations using Elements with the Checkout Sessions API or for those using Elements with the Payment Intents API on Clover version or later.

To hide the testing assistant, set the `developerTools.assistant.enabled` option to `false` when you set up Elements.

```javascript
const stripe = new Stripe(publicKey, {
  developerTools: {
    assistant: {
      enabled: false,
    },
  },
});
```