SyntaxError: Cannot use import statement outside a module

[ranouf]

Hi,

I'm new with supabase and supabase-js.

I'm trying to validate my polices working with supabase-js testings.

I would like to use "import" instead of "require" but I have an error:
SyntaxError: Cannot use import statement outside a module

How to enable "import"?

Here is the packages.json:

{
  "name": "supabase-tests",
  "version": "1.0.0",
  "type": "module",
  "scripts": {
    "supabase:env": "npx supabase status -o env > .env",
    "supabase:start": "npx supabase start",
    "test": "jest",
    "test:watch": "jest --watch"
  },
  "dependencies": {
    "@supabase/supabase-js": "^2.0.0",
    "dotenv": "^16.4.7"
  },
  "devDependencies": {
    "@types/jest": "^29.0.0",
    "jest": "^29.0.0",
    "ts-jest": "^29.0.0"
  }
}

supabaseClient.ts

import { createClient } from "@supabase/supabase-js";
require('dotenv/config');

const { SERVICE_ROLE_KEY, API_URL } = process.env;

if (!SERVICE_ROLE_KEY || !API_URL) {
    throw new Error('Missing environment variables. Verify supabase is started and environment variables are set.');
}


// Connect to the local Supabase instance
const supabaseUrl = process.env.SUPABASE_URL || API_URL;
const supabaseKey = process.env.SUPABASE_ANON_KEY || SERVICE_ROLE_KEY;
export const supabase = createClient(supabaseUrl, supabaseKey);

api.test.ts:

import { supabase } from "./supabaseClient";


test('Fetch users from local Supabase instance', async () => {
    const { data, error } = await supabase.from('users').select('*');
    expect(error).toBeNull();
    expect(data).toBeInstanceOf(Array);
});

[kamilogorek]

You need to preconfigure jest in order for it to understand typescript compilation.
See: https://jestjs.io/docs/getting-started#using-typescript and https://jestjs.io/docs/ecmascript-modules

Or better yet use https://vitest.dev/guide/ which supports both typescript and esm out of the box :)

[ranouf]

vitest was the solution! Thanks @kamilogorek !