mirror of
https://github.com/block/buzz.git
synced 2026-11-08 10:21:46 +00:00
## Summary - combine channel identity, actions, member previews, and lifecycle controls in one navigable mobile details page - add compact member management and desktop-aligned channel editing - smooth the profile entrance transition and standardize settings-group spacing - align Huddle lifecycle rows with regular message author and body spacing ## Testing - `just mobile-check` - `just mobile-test` — 1,477 tests - Pixel 10 debug build, install, and interaction review ## Snapshots ### Channel header  ### Combined channel details  ### Manage channel  --------- Signed-off-by: kenny lopez <klopez4212@gmail.com> Signed-off-by: Fast Fizz <2df81cb51f05a9d5387ef24d7b9ecb8fcdfcd1c70ffabc67061c9596e1b5b1c4@buzz.block.builderlab.xyz> Co-authored-by: Fast Fizz <2df81cb51f05a9d5387ef24d7b9ecb8fcdfcd1c70ffabc67061c9596e1b5b1c4@buzz.block.builderlab.xyz>
572 lines
16 KiB
Dart
572 lines
16 KiB
Dart
import 'dart:async';
|
|
|
|
import 'package:buzz/features/channels/channel.dart';
|
|
import 'package:buzz/features/channels/channel_actions_sheet.dart';
|
|
import 'package:buzz/features/channels/channel_management_provider.dart';
|
|
import 'package:buzz/features/channels/channel_sections/channel_sections_provider.dart';
|
|
import 'package:buzz/features/channels/channel_sections/channel_sections_storage.dart';
|
|
import 'package:buzz/features/channels/manage_channel_sheet.dart';
|
|
import 'package:buzz/shared/mentions/agent_identity_provider.dart';
|
|
import 'package:buzz/shared/relay/relay.dart';
|
|
import 'package:buzz/shared/theme/theme.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_test/flutter_test.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
|
|
const _currentPubkey = 'me';
|
|
|
|
Channel _channel({
|
|
String type = 'stream',
|
|
bool isArchived = false,
|
|
bool isMember = true,
|
|
}) => Channel(
|
|
id: 'channel-id',
|
|
name: type == 'dm' ? 'Alice' : 'general',
|
|
channelType: type,
|
|
visibility: 'open',
|
|
description: '',
|
|
createdBy: 'owner',
|
|
createdAt: DateTime(2025),
|
|
memberCount: 2,
|
|
isMember: isMember,
|
|
archivedAt: isArchived ? DateTime(2025, 1, 2) : null,
|
|
);
|
|
|
|
Widget _app({
|
|
required Channel channel,
|
|
required Future<List<ChannelMember>> Function() loadMembers,
|
|
bool isUnread = false,
|
|
AsyncValue<Map<String, String>> agentOwners = const AsyncValue.data(
|
|
<String, String>{},
|
|
),
|
|
ChannelActions Function(Ref ref)? createChannelActions,
|
|
String? currentPubkey = _currentPubkey,
|
|
}) => ProviderScope(
|
|
overrides: [
|
|
currentPubkeyProvider.overrideWith((ref) => currentPubkey),
|
|
channelMembersProvider(channel.id).overrideWith((ref) => loadMembers()),
|
|
agentOwnersProvider.overrideWithValue(agentOwners),
|
|
if (createChannelActions != null)
|
|
channelActionsProvider.overrideWith(createChannelActions),
|
|
],
|
|
child: MaterialApp(
|
|
theme: AppTheme.light(),
|
|
home: Scaffold(
|
|
body: ChannelActionsSheet(channel: channel, isUnread: isUnread),
|
|
),
|
|
),
|
|
);
|
|
|
|
Widget _modalApp({
|
|
required Channel channel,
|
|
required Future<List<ChannelMember>> Function() loadMembers,
|
|
required ChannelActions Function(Ref ref) createChannelActions,
|
|
}) => ProviderScope(
|
|
overrides: [
|
|
currentPubkeyProvider.overrideWith((ref) => _currentPubkey),
|
|
channelMembersProvider(channel.id).overrideWith((ref) => loadMembers()),
|
|
channelSectionsProvider.overrideWith(
|
|
() => _FakeChannelSectionsNotifier(const ChannelSectionStore()),
|
|
),
|
|
agentOwnersProvider.overrideWithValue(
|
|
const AsyncValue.data(<String, String>{}),
|
|
),
|
|
channelCanvasProvider(channel.id).overrideWith(
|
|
(ref) async => const ChannelCanvas(
|
|
content: null,
|
|
updatedAt: null,
|
|
authorPubkey: null,
|
|
),
|
|
),
|
|
channelActionsProvider.overrideWith(createChannelActions),
|
|
],
|
|
child: MaterialApp(
|
|
theme: AppTheme.light(),
|
|
home: Builder(
|
|
builder: (context) => Scaffold(
|
|
body: TextButton(
|
|
onPressed: () => showChannelActionsSheet(
|
|
context: context,
|
|
channel: channel,
|
|
isUnread: false,
|
|
),
|
|
child: const Text('Open actions'),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
void main() {
|
|
testWidgets('owner sees the complete regular-channel action set', (
|
|
tester,
|
|
) async {
|
|
await tester.pumpWidget(
|
|
_app(
|
|
channel: _channel(),
|
|
loadMembers: () async => [
|
|
ChannelMember(
|
|
pubkey: _currentPubkey,
|
|
role: 'owner',
|
|
joinedAt: DateTime(2025),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
await tester.pumpAndSettle();
|
|
|
|
for (final label in [
|
|
'Star',
|
|
'Mark Unread',
|
|
'Move to section…',
|
|
'Mute channel',
|
|
'Manage channel',
|
|
'Copy channel name',
|
|
'Copy channel ID',
|
|
'Leave channel',
|
|
'Archive channel',
|
|
'Delete channel',
|
|
]) {
|
|
expect(find.text(label), findsOneWidget, reason: label);
|
|
}
|
|
|
|
final moveTop = tester.getTopLeft(find.text('Move to section…')).dy;
|
|
final muteTop = tester.getTopLeft(find.text('Mute channel')).dy;
|
|
final manageTop = tester.getTopLeft(find.text('Manage channel')).dy;
|
|
final copyNameTop = tester.getTopLeft(find.text('Copy channel name')).dy;
|
|
final copyIdTop = tester.getTopLeft(find.text('Copy channel ID')).dy;
|
|
expect(moveTop, lessThan(muteTop));
|
|
expect(muteTop, lessThan(manageTop));
|
|
expect(manageTop, lessThan(copyNameTop));
|
|
expect(copyNameTop, lessThan(copyIdTop));
|
|
});
|
|
|
|
testWidgets('unread channel uses the Mark Read label', (tester) async {
|
|
await tester.pumpWidget(
|
|
_app(
|
|
channel: _channel(),
|
|
isUnread: true,
|
|
loadMembers: () async => const [],
|
|
),
|
|
);
|
|
await tester.pumpAndSettle();
|
|
|
|
expect(find.text('Mark Read'), findsOneWidget);
|
|
expect(find.text('Mark Unread'), findsNothing);
|
|
});
|
|
|
|
testWidgets('admin can archive but cannot delete', (tester) async {
|
|
await tester.pumpWidget(
|
|
_app(
|
|
channel: _channel(),
|
|
loadMembers: () async => [
|
|
ChannelMember(
|
|
pubkey: _currentPubkey,
|
|
role: 'admin',
|
|
joinedAt: DateTime(2025),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
await tester.pumpAndSettle();
|
|
|
|
expect(find.text('Archive channel'), findsOneWidget);
|
|
expect(find.text('Delete channel'), findsNothing);
|
|
});
|
|
|
|
testWidgets('verified owner agent grants archive and delete', (tester) async {
|
|
const agentPubkey = 'agent';
|
|
await tester.pumpWidget(
|
|
_app(
|
|
channel: _channel(),
|
|
agentOwners: const AsyncValue.data({agentPubkey: _currentPubkey}),
|
|
loadMembers: () async => [
|
|
ChannelMember(
|
|
pubkey: agentPubkey,
|
|
role: 'owner',
|
|
joinedAt: DateTime(2025),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
await tester.pumpAndSettle();
|
|
|
|
expect(find.text('Archive channel'), findsOneWidget);
|
|
expect(find.text('Delete channel'), findsOneWidget);
|
|
});
|
|
|
|
testWidgets('unresolved identity grants no lifecycle actions', (
|
|
tester,
|
|
) async {
|
|
await tester.pumpWidget(
|
|
_app(
|
|
channel: _channel(),
|
|
currentPubkey: null,
|
|
loadMembers: () async => [
|
|
ChannelMember(
|
|
pubkey: 'ordinary-owner',
|
|
role: 'owner',
|
|
joinedAt: DateTime(2025),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
await tester.pumpAndSettle();
|
|
|
|
expect(find.text('Archive channel'), findsNothing);
|
|
expect(find.text('Delete channel'), findsNothing);
|
|
});
|
|
|
|
testWidgets('archived owner can unarchive but cannot delete', (tester) async {
|
|
late _FakeChannelActions actions;
|
|
await tester.pumpWidget(
|
|
_app(
|
|
channel: _channel(isArchived: true),
|
|
loadMembers: () async => [
|
|
ChannelMember(
|
|
pubkey: _currentPubkey,
|
|
role: 'owner',
|
|
joinedAt: DateTime(2025),
|
|
),
|
|
],
|
|
createChannelActions: (ref) => actions = _FakeChannelActions(ref),
|
|
),
|
|
);
|
|
await tester.pumpAndSettle();
|
|
|
|
expect(find.text('Archive channel'), findsNothing);
|
|
expect(find.text('Unarchive channel'), findsOneWidget);
|
|
expect(find.text('Delete channel'), findsNothing);
|
|
|
|
await tester.tap(find.text('Unarchive channel'));
|
|
await tester.pumpAndSettle();
|
|
expect(find.text('Unarchive #general?'), findsOneWidget);
|
|
await tester.tap(find.widgetWithText(FilledButton, 'Unarchive'));
|
|
await tester.pumpAndSettle();
|
|
|
|
expect(actions.unarchivedChannelId, 'channel-id');
|
|
});
|
|
|
|
testWidgets('owned non-owner agent grants no lifecycle actions', (
|
|
tester,
|
|
) async {
|
|
const agentPubkey = 'agent';
|
|
await tester.pumpWidget(
|
|
_app(
|
|
channel: _channel(),
|
|
agentOwners: const AsyncValue.data({agentPubkey: _currentPubkey}),
|
|
loadMembers: () async => [
|
|
ChannelMember(
|
|
pubkey: agentPubkey,
|
|
role: 'bot',
|
|
joinedAt: DateTime(2025),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
await tester.pumpAndSettle();
|
|
|
|
expect(find.text('Archive channel'), findsNothing);
|
|
expect(find.text('Delete channel'), findsNothing);
|
|
});
|
|
|
|
testWidgets('agent ownership loading keeps lifecycle actions pending', (
|
|
tester,
|
|
) async {
|
|
await tester.pumpWidget(
|
|
_app(
|
|
channel: _channel(),
|
|
agentOwners: const AsyncValue.loading(),
|
|
loadMembers: () async => const [],
|
|
),
|
|
);
|
|
await tester.pump();
|
|
|
|
expect(find.text('Loading channel actions…'), findsOneWidget);
|
|
expect(find.text('Archive channel'), findsNothing);
|
|
expect(find.text('Delete channel'), findsNothing);
|
|
});
|
|
|
|
testWidgets('member sees neither owner action', (tester) async {
|
|
await tester.pumpWidget(
|
|
_app(
|
|
channel: _channel(),
|
|
loadMembers: () async => [
|
|
ChannelMember(
|
|
pubkey: _currentPubkey,
|
|
role: 'member',
|
|
joinedAt: DateTime(2025),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
await tester.pumpAndSettle();
|
|
|
|
expect(find.text('Archive channel'), findsNothing);
|
|
expect(find.text('Delete channel'), findsNothing);
|
|
expect(find.text('Move to section…'), findsOneWidget);
|
|
expect(find.text('Leave channel'), findsOneWidget);
|
|
});
|
|
|
|
testWidgets('shows loading and unavailable capability states', (
|
|
tester,
|
|
) async {
|
|
final pending = Completer<List<ChannelMember>>();
|
|
await tester.pumpWidget(
|
|
_app(channel: _channel(), loadMembers: () => pending.future),
|
|
);
|
|
await tester.pump();
|
|
expect(find.text('Loading channel actions…'), findsOneWidget);
|
|
|
|
pending.completeError(Exception('relay unavailable'));
|
|
await tester.pumpAndSettle();
|
|
expect(find.text('Channel actions unavailable'), findsOneWidget);
|
|
});
|
|
|
|
testWidgets('Manage contains editing and canvas, not mute or leave', (
|
|
tester,
|
|
) async {
|
|
await tester.pumpWidget(
|
|
_modalApp(
|
|
channel: _channel(),
|
|
loadMembers: () async => const [],
|
|
createChannelActions: (ref) => _FakeChannelActions(ref),
|
|
),
|
|
);
|
|
await tester.pumpAndSettle();
|
|
await tester.tap(find.text('Open actions'));
|
|
await tester.pumpAndSettle();
|
|
|
|
await tester.tap(find.text('Manage channel'));
|
|
await tester.pumpAndSettle();
|
|
|
|
final manageSheet = find.byType(ManageChannelSheet);
|
|
expect(manageSheet, findsOneWidget);
|
|
expect(
|
|
find.descendant(
|
|
of: manageSheet,
|
|
matching: find.byKey(const ValueKey('manage-channel-name')),
|
|
),
|
|
findsOneWidget,
|
|
);
|
|
expect(
|
|
find.descendant(of: manageSheet, matching: find.text('Canvas')),
|
|
findsOneWidget,
|
|
);
|
|
expect(
|
|
find.descendant(of: manageSheet, matching: find.text('Mute channel')),
|
|
findsNothing,
|
|
);
|
|
expect(
|
|
find.descendant(of: manageSheet, matching: find.text('Leave channel')),
|
|
findsNothing,
|
|
);
|
|
expect(
|
|
find.descendant(of: manageSheet, matching: find.text('Topic')),
|
|
findsNothing,
|
|
);
|
|
expect(
|
|
find.descendant(of: manageSheet, matching: find.text('Purpose')),
|
|
findsNothing,
|
|
);
|
|
});
|
|
|
|
testWidgets('Manage refreshes metadata after saving from actions', (
|
|
tester,
|
|
) async {
|
|
await tester.pumpWidget(
|
|
_modalApp(
|
|
channel: _channel(),
|
|
loadMembers: () async => [
|
|
ChannelMember(
|
|
pubkey: _currentPubkey,
|
|
role: 'owner',
|
|
joinedAt: DateTime(2025),
|
|
),
|
|
],
|
|
createChannelActions: (ref) => _FakeChannelActions(
|
|
ref,
|
|
onUpdateChannel: (channelId, name, description) async {},
|
|
),
|
|
),
|
|
);
|
|
await tester.pumpAndSettle();
|
|
await tester.tap(find.text('Open actions'));
|
|
await tester.pumpAndSettle();
|
|
await tester.tap(find.text('Manage channel'));
|
|
await tester.pumpAndSettle();
|
|
|
|
await tester.enterText(
|
|
find.byKey(const ValueKey('manage-channel-name')),
|
|
'renamed',
|
|
);
|
|
await tester.tap(find.byKey(const ValueKey('manage-channel-save-details')));
|
|
await tester.pumpAndSettle();
|
|
|
|
expect(find.widgetWithText(ListTile, 'Manage channel'), findsOneWidget);
|
|
await tester.tap(find.widgetWithText(ListTile, 'Manage channel'));
|
|
await tester.pumpAndSettle();
|
|
final nameField = tester.widget<TextField>(
|
|
find.byKey(const ValueKey('manage-channel-name')),
|
|
);
|
|
expect(nameField.controller?.text, 'renamed');
|
|
});
|
|
|
|
testWidgets('non-member cannot edit canvas from Manage channel', (
|
|
tester,
|
|
) async {
|
|
await tester.pumpWidget(
|
|
_modalApp(
|
|
channel: _channel(isMember: false),
|
|
loadMembers: () async => const [],
|
|
createChannelActions: (ref) => _FakeChannelActions(ref),
|
|
),
|
|
);
|
|
await tester.pumpAndSettle();
|
|
await tester.tap(find.text('Open actions'));
|
|
await tester.pumpAndSettle();
|
|
await tester.tap(find.text('Manage channel'));
|
|
await tester.pumpAndSettle();
|
|
|
|
final editCanvas = find.widgetWithText(FilledButton, 'Create canvas');
|
|
expect(editCanvas, findsOneWidget);
|
|
expect(tester.widget<FilledButton>(editCanvas).onPressed, isNull);
|
|
});
|
|
|
|
testWidgets('regular members can move channels but cannot edit metadata', (
|
|
tester,
|
|
) async {
|
|
await tester.pumpWidget(
|
|
_modalApp(
|
|
channel: _channel(),
|
|
loadMembers: () async => [
|
|
ChannelMember(
|
|
pubkey: _currentPubkey,
|
|
role: 'member',
|
|
joinedAt: DateTime(2025),
|
|
),
|
|
],
|
|
createChannelActions: (ref) => _FakeChannelActions(ref),
|
|
),
|
|
);
|
|
await tester.pumpAndSettle();
|
|
await tester.tap(find.text('Open actions'));
|
|
await tester.pumpAndSettle();
|
|
|
|
expect(find.text('Move to section…'), findsOneWidget);
|
|
await tester.tap(find.text('Manage channel'));
|
|
await tester.pumpAndSettle();
|
|
|
|
final nameField = find.byKey(const ValueKey('manage-channel-name'));
|
|
final descriptionField = find.byKey(
|
|
const ValueKey('manage-channel-description'),
|
|
);
|
|
expect(tester.widget<TextField>(nameField).enabled, isFalse);
|
|
expect(tester.widget<TextField>(descriptionField).enabled, isFalse);
|
|
expect(
|
|
tester
|
|
.widget<FilledButton>(
|
|
find.byKey(const ValueKey('manage-channel-save-details')),
|
|
)
|
|
.onPressed,
|
|
isNull,
|
|
);
|
|
expect(
|
|
tester
|
|
.widget<FilledButton>(
|
|
find.widgetWithText(FilledButton, 'Create canvas'),
|
|
)
|
|
.onPressed,
|
|
isNotNull,
|
|
);
|
|
});
|
|
|
|
testWidgets('DM omits quick actions, then shows mute and copy rows', (
|
|
tester,
|
|
) async {
|
|
await tester.pumpWidget(
|
|
_app(
|
|
channel: _channel(type: 'dm'),
|
|
loadMembers: () async => const [],
|
|
),
|
|
);
|
|
await tester.pumpAndSettle();
|
|
|
|
for (final label in [
|
|
'Mute channel',
|
|
'Copy channel name',
|
|
'Copy channel ID',
|
|
]) {
|
|
expect(find.text(label), findsOneWidget, reason: label);
|
|
}
|
|
for (final label in [
|
|
'Star',
|
|
'Unstar',
|
|
'Mark Unread',
|
|
'Mark Read',
|
|
'Move to section…',
|
|
'Manage channel',
|
|
'Leave channel',
|
|
'Archive channel',
|
|
'Delete channel',
|
|
]) {
|
|
expect(find.text(label), findsNothing, reason: label);
|
|
}
|
|
|
|
final muteTop = tester.getTopLeft(find.text('Mute channel')).dy;
|
|
final copyNameTop = tester.getTopLeft(find.text('Copy channel name')).dy;
|
|
final copyIdTop = tester.getTopLeft(find.text('Copy channel ID')).dy;
|
|
expect(muteTop, lessThan(copyNameTop));
|
|
expect(copyNameTop, lessThan(copyIdTop));
|
|
});
|
|
}
|
|
|
|
class _FakeChannelSectionsNotifier extends ChannelSectionsNotifier {
|
|
_FakeChannelSectionsNotifier(this._store);
|
|
|
|
final ChannelSectionStore _store;
|
|
|
|
@override
|
|
ChannelSectionsState build() =>
|
|
ChannelSectionsState(isReady: true, store: _store, version: 1);
|
|
}
|
|
|
|
class _FakeChannelActions extends ChannelActions {
|
|
final Future<void> Function(
|
|
String channelId,
|
|
String? name,
|
|
String? description,
|
|
)?
|
|
onUpdateChannel;
|
|
|
|
_FakeChannelActions(Ref ref, {this.onUpdateChannel})
|
|
: super(
|
|
ref: ref,
|
|
session: ref.read(relaySessionProvider.notifier),
|
|
signedEventRelay: SignedEventRelay(
|
|
session: ref.read(relaySessionProvider.notifier),
|
|
nsec: null,
|
|
),
|
|
currentPubkey: _currentPubkey,
|
|
);
|
|
|
|
@override
|
|
Future<void> updateChannel({
|
|
required String channelId,
|
|
String? name,
|
|
String? description,
|
|
}) async {
|
|
await onUpdateChannel?.call(channelId, name, description);
|
|
}
|
|
|
|
String? unarchivedChannelId;
|
|
|
|
@override
|
|
Future<void> leaveChannel(String channelId) async {}
|
|
|
|
@override
|
|
Future<void> unarchiveChannel(String channelId) async {
|
|
unarchivedChannelId = channelId;
|
|
}
|
|
}
|