Flutter模拟Supabase HTTP客户端插件mock_supabase_http_client的使用

MockSupabaseHttpClient

一个用于测试Supabase API的模拟HTTP客户端。 通过将MockSupabaseHttpClient传递给Supabase客户端，您可以创建一个模拟的Supabase客户端，用于单元测试您的Supabase API调用而不进行实际的网络请求。

它的工作原理是拦截HTTP请求，并返回您插入到模拟数据库中的模拟数据。插入到模拟数据库中的数据将存储在内存中。

import 'package:mock_supabase_http_client/mock_supabase_http_client.dart';
import 'package:supabase/supabase.dart';

final mockSupabase = SupabaseClient(
  'https://mock.supabase.co', // 传入一个有效的URL即可
  'fakeAnonKey', // 传入任意字符串即可
  httpClient: MockSupabaseHttpClient(),
);

特性

• 向模拟的Supabase客户端添加模拟数据
• 支持select、insert、update、upsert和delete操作
• 支持过滤、排序和限制结果
• 支持引用表操作
• 可以在测试之间重置模拟数据

安装

在您的开发依赖项中添加mock_supabase_http_client：

dev_dependencies:
  mock_supabase_http_client: ^0.0.1

使用

您可以向模拟数据库中插入模拟数据，然后测试您的Supabase API调用。

import 'package:mock_supabase_http_client/mock_supabase_http_client.dart';
import 'package:supabase/supabase.dart';
import 'package:test/test.dart';

void main() {
  late final SupabaseClient mockSupabase;
  late final MockSupabaseHttpClient mockHttpClient;

  setUpAll(() {
    mockHttpClient = MockSupabaseHttpClient();

    // 将模拟客户端传递给Supabase客户端
    mockSupabase = SupabaseClient(
      'https://mock.supabase.co', // 传入一个有效的URL即可
      'fakeAnonKey', // 传入任意字符串即可
      httpClient: MockSupabaseHttpClient(),
    );
  });

  tearDown(() async {
    // 在每个测试之后重置模拟数据
    mockHttpClient.reset();
  });

  tearDownAll(() {
    // 所有测试完成后关闭模拟客户端
    mockHttpClient.close();
  });

  test('插入数据有效', () async {
    // 首先向模拟数据库中插入一些模拟数据
    await mockSupabase.from('posts').insert({'title': 'Hello, world!'});

    // 然后可以测试您的Supabase API调用
    final posts = await mockSupabase.from('posts').select();
    expect(posts.length, 1);
    expect(posts.first, {'title': 'Hello, world!'});
  });

  // 因为模拟的Supabase客户端不知道表结构，
  // 引用表的数据必须以您想要查询的方式插入。
  //
  // 下面的示例展示了`posts`表与`authors`表多对一的关系和与`comments`表一对多的关系。
  test('高级查询，包括过滤和引用表', () async {
    // `posts`表与`authors`表多对一的关系
    // `posts`表与`comments`表一对多的关系
    await mockSupabase.from('posts').insert([
      {
        'id': 1,
        'title': '第一篇帖子',
        'authors': {'id': 1, 'name': '作者一'},
        'comments': [
          {'id': 1, 'content': '第一个评论'},
          {'id': 2, 'content': '第二个评论'}
        ]
      },
      {
        'id': 2,
        'title': '第二篇帖子',
        'authors': {'id': 2, 'name': '作者二'},
        'comments': [
          {'id': 3, 'content': '第三个评论'},
          {'id': 4, 'content': '第四个评论'},
          {'id': 5, 'content': '第五个评论'}
        ]
      }
    ]);

    // 查询`posts`表，包括引用的`authors`数据并进行过滤和排序
    final posts = await mockSupabase
        .from('posts')
        .select('*, authors(*), comments(*)')
        .eq('authors.id', 1)
        .order('id', ascending: false);

    expect(posts.length, 2);
    expect(posts, [
      {
        'id': 2,
        'title': '第二篇帖子',
        'authors': {'id': 2, 'name': '作者二'},
        'comments': [
          {'id': 3, 'content': '第三个评论'},
          {'id': 4, 'content': '第四个评论'},
          {'id': 5, 'content': '第五个评论'},
        ]
      },
      {
        'id': 1,
        'title': '第一篇帖子',
        'authors': {'id': 1, 'name': '作者一'},
        'comments': [
          {'id': 1, 'content': '第一个评论'},
          {'id': 2, 'content': '第二个评论'},
        ]
      },
    ]);
  });
}

当前限制

• 模拟的Supabase客户端不知道表结构。这意味着它不知道插入的模拟数据是否是引用表数据，或者只是一个数组/JSON对象。这可能会导致返回的数据比您构造的模拟数据更多，特别是当模拟数据中包含多个引用表时。

• 不支持嵌套的引用表数据。

  // 这样是可以的
  final posts = await mockSupabase.from('posts').select('*, authors(*)');
  // 这样不会返回正确的数据
  final posts = await mockSupabase.from('posts').select('*, authors(*, comments(*))');