mirror of
https://github.com/flutter/flutter.git
synced 2026-02-20 02:29:02 +08:00
deaf14ec7d
This change converts all Float64List matrices to Float32List at the dart:ui interface boundary. Internally, it only uses Float32List. Float32List requires less memory and is orders of magnitude faster to allocate, and it has sufficient precision as Flutter mobile engine and Skia use 32-bit floats anyway. This change speeds up frame preroll by 50% on the bench_card_infinite_scroll benchmark. For more details on Float64Array allocation in JS (which backs Float64List in Dart) see the following: https://bugs.chromium.org/p/v8/issues/detail?id=9199 https://bugs.chromium.org/p/v8/issues/detail?id=2022
1368 lines
44 KiB
Dart
1368 lines
44 KiB
Dart
// Copyright 2013 The Flutter Authors. All rights reserved.
|
|
// Use of this source code is governed by a BSD-style license that can be
|
|
// found in the LICENSE file.
|
|
|
|
// @dart = 2.6
|
|
@TestOn('vm && linux')
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50590
|
|
|
|
import 'dart:async';
|
|
import 'dart:html' as html;
|
|
import 'dart:typed_data';
|
|
|
|
import 'package:mockito/mockito.dart';
|
|
import 'package:quiver/testing/async.dart';
|
|
import 'package:test/test.dart';
|
|
|
|
import 'package:ui/src/engine.dart';
|
|
import 'package:ui/ui.dart' as ui;
|
|
|
|
import '../../matchers.dart';
|
|
|
|
DateTime _testTime = DateTime(2018, 12, 17);
|
|
|
|
EngineSemanticsOwner semantics() => EngineSemanticsOwner.instance;
|
|
|
|
void main() {
|
|
setUp(() {
|
|
EngineSemanticsOwner.debugResetSemantics();
|
|
});
|
|
|
|
group(EngineSemanticsOwner, () {
|
|
_testEngineSemanticsOwner();
|
|
});
|
|
group('longestIncreasingSubsequence', () {
|
|
_testLongestIncreasingSubsequence();
|
|
});
|
|
group('container', () {
|
|
_testContainer();
|
|
});
|
|
group('vertical scrolling', () {
|
|
_testVerticalScrolling();
|
|
});
|
|
group('horizontal scrolling', () {
|
|
_testHorizontalScrolling();
|
|
});
|
|
group('incrementable', () {
|
|
_testIncrementables();
|
|
});
|
|
group('text field', () {
|
|
_testTextField();
|
|
});
|
|
group('checkboxes, radio buttons and switches', () {
|
|
_testCheckables();
|
|
});
|
|
group('tappable', () {
|
|
_testTappable();
|
|
});
|
|
group('image', () {
|
|
_testImage();
|
|
});
|
|
group('header', () {
|
|
_testHeader();
|
|
});
|
|
group('live region', () {
|
|
_testLiveRegion();
|
|
});
|
|
}
|
|
|
|
void _testEngineSemanticsOwner() {
|
|
test('instantiates a singleton', () {
|
|
expect(semantics(), same(semantics()));
|
|
});
|
|
|
|
test('semantics is off by default', () {
|
|
expect(semantics().semanticsEnabled, false);
|
|
});
|
|
|
|
test('default mode is "unknown"', () {
|
|
expect(semantics().mode, AccessibilityMode.unknown);
|
|
});
|
|
|
|
test('auto-enables semantics', () async {
|
|
domRenderer.reset(); // triggers `autoEnableOnTap` to be called
|
|
expect(semantics().semanticsEnabled, false);
|
|
|
|
// Synthesize a click on the placeholder.
|
|
final html.Element placeholder =
|
|
html.document.querySelectorAll('flt-semantics-placeholder').single;
|
|
final html.Rectangle<num> rect = placeholder.getBoundingClientRect();
|
|
placeholder.dispatchEvent(html.MouseEvent(
|
|
'click',
|
|
clientX: (rect.left + (rect.right - rect.left) / 2).floor(),
|
|
clientY: (rect.top + (rect.bottom - rect.top) / 2).floor(),
|
|
));
|
|
while (!semantics().semanticsEnabled) {
|
|
await Future<void>.delayed(const Duration(milliseconds: 50));
|
|
}
|
|
expect(semantics().semanticsEnabled, true);
|
|
});
|
|
|
|
void renderLabel(String label) {
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0,
|
|
flags: 0,
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 20, 20),
|
|
childrenInHitTestOrder: Int32List.fromList(<int>[1]),
|
|
childrenInTraversalOrder: Int32List.fromList(<int>[1]),
|
|
);
|
|
builder.updateNode(
|
|
id: 1,
|
|
actions: 0,
|
|
flags: 0,
|
|
label: label,
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 20, 20),
|
|
);
|
|
semantics().updateSemantics(builder.build());
|
|
}
|
|
|
|
test('produces an aria-label', () async {
|
|
semantics().semanticsEnabled = true;
|
|
|
|
// Create
|
|
renderLabel('Hello');
|
|
|
|
final Map<int, SemanticsObject> tree = semantics().debugSemanticsTree;
|
|
expect(tree.length, 2);
|
|
expect(tree[0].id, 0);
|
|
expect(tree[0].element.tagName.toLowerCase(), 'flt-semantics');
|
|
|
|
expectSemanticsTree('''
|
|
<sem style="filter: opacity(0%); color: rgba(0, 0, 0, 0)">
|
|
<sem-c>
|
|
<sem aria-label="Hello">
|
|
<sem-v>Hello</sem-v>
|
|
</sem>
|
|
</sem-c>
|
|
</sem>''');
|
|
|
|
// Update
|
|
renderLabel('World');
|
|
|
|
expectSemanticsTree('''
|
|
<sem style="filter: opacity(0%); color: rgba(0, 0, 0, 0)">
|
|
<sem-c>
|
|
<sem aria-label="World">
|
|
<sem-v>World</sem-v>
|
|
</sem>
|
|
</sem-c>
|
|
</sem>''');
|
|
|
|
// Remove
|
|
renderLabel('');
|
|
|
|
expectSemanticsTree('''
|
|
<sem style="filter: opacity(0%); color: rgba(0, 0, 0, 0)">
|
|
<sem-c>
|
|
<sem></sem>
|
|
</sem-c>
|
|
</sem>''');
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.edge);
|
|
|
|
test('clears semantics tree when disabled', () {
|
|
expect(semantics().debugSemanticsTree, isEmpty);
|
|
semantics().semanticsEnabled = true;
|
|
renderLabel('Hello');
|
|
expect(semantics().debugSemanticsTree, isNotEmpty);
|
|
semantics().semanticsEnabled = false;
|
|
expect(semantics().debugSemanticsTree, isEmpty);
|
|
});
|
|
|
|
test('accepts standalone browser gestures', () {
|
|
semantics().semanticsEnabled = true;
|
|
expect(semantics().shouldAcceptBrowserGesture('click'), true);
|
|
semantics().semanticsEnabled = false;
|
|
});
|
|
|
|
test('rejects browser gestures accompanied by pointer click', () {
|
|
FakeAsync().run((FakeAsync fakeAsync) {
|
|
semantics()
|
|
..debugOverrideTimestampFunction(fakeAsync.getClock(_testTime).now)
|
|
..semanticsEnabled = true;
|
|
expect(semantics().shouldAcceptBrowserGesture('click'), true);
|
|
semantics().receiveGlobalEvent(html.Event('pointermove'));
|
|
expect(semantics().shouldAcceptBrowserGesture('click'), false);
|
|
|
|
// After 1 second of inactivity a browser gestures counts as standalone.
|
|
fakeAsync.elapse(const Duration(seconds: 1));
|
|
expect(semantics().shouldAcceptBrowserGesture('click'), true);
|
|
semantics().semanticsEnabled = false;
|
|
});
|
|
});
|
|
test('checks shouldEnableSemantics for every global event', () {
|
|
final MockSemanticsEnabler mockSemanticsEnabler = MockSemanticsEnabler();
|
|
semantics().semanticsHelper.semanticsEnabler = mockSemanticsEnabler;
|
|
final html.Event pointerEvent = html.Event('pointermove');
|
|
|
|
semantics().receiveGlobalEvent(pointerEvent);
|
|
|
|
// Verify the interactions.
|
|
verify(mockSemanticsEnabler.shouldEnableSemantics(pointerEvent));
|
|
});
|
|
|
|
test('Forward events to framewors if shouldEnableSemantics', () {
|
|
final MockSemanticsEnabler mockSemanticsEnabler = MockSemanticsEnabler();
|
|
semantics().semanticsHelper.semanticsEnabler = mockSemanticsEnabler;
|
|
final html.Event pointerEvent = html.Event('pointermove');
|
|
when(mockSemanticsEnabler.shouldEnableSemantics(pointerEvent))
|
|
.thenReturn(true);
|
|
|
|
expect(semantics().receiveGlobalEvent(pointerEvent), isTrue);
|
|
});
|
|
}
|
|
|
|
class MockSemanticsEnabler extends Mock implements SemanticsEnabler {}
|
|
|
|
void _testHeader() {
|
|
test('renders heading role for headers', () {
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0,
|
|
flags: 0 | ui.SemanticsFlag.isHeader.index,
|
|
label: 'Header of the page',
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 100, 50),
|
|
);
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
expectSemanticsTree('''
|
|
<sem role="heading" aria-label="Header of the page" style="filter: opacity(0%); color: rgba(0, 0, 0, 0)">
|
|
<sem-v>Header of the page</sem-v>
|
|
</sem>
|
|
''');
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.edge);
|
|
}
|
|
|
|
void _testLongestIncreasingSubsequence() {
|
|
void expectLis(List<int> list, List<int> seq) {
|
|
expect(longestIncreasingSubsequence(list), seq);
|
|
}
|
|
|
|
test('trivial case', () {
|
|
expectLis(<int>[], <int>[]);
|
|
});
|
|
|
|
test('longest in the middle', () {
|
|
expectLis(<int>[10, 1, 2, 3, 0], <int>[1, 2, 3]);
|
|
});
|
|
|
|
test('longest at head', () {
|
|
expectLis(<int>[1, 2, 3, 0], <int>[0, 1, 2]);
|
|
});
|
|
|
|
test('longest at tail', () {
|
|
expectLis(<int>[10, 1, 2, 3], <int>[1, 2, 3]);
|
|
});
|
|
|
|
test('longest in a jagged pattern', () {
|
|
expectLis(
|
|
<int>[0, 1, -1, 2, -2, 3, -3, 4, -4, 5, -5], <int>[0, 1, 3, 5, 7, 9]);
|
|
});
|
|
|
|
test('fully sorted up', () {
|
|
for (int count = 0; count < 100; count += 1) {
|
|
expectLis(
|
|
List<int>.generate(count, (int i) => 10 * i),
|
|
List<int>.generate(count, (int i) => i),
|
|
);
|
|
}
|
|
});
|
|
|
|
test('fully sorted down', () {
|
|
for (int count = 1; count < 100; count += 1) {
|
|
expectLis(
|
|
List<int>.generate(count, (int i) => 10 * (count - i)),
|
|
<int>[count - 1],
|
|
);
|
|
}
|
|
});
|
|
}
|
|
|
|
void _testContainer() {
|
|
test('container node has no transform when there is no rect offset',
|
|
() async {
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
const ui.Rect zeroOffsetRect = ui.Rect.fromLTRB(0, 0, 20, 20);
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0,
|
|
flags: 0,
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: zeroOffsetRect,
|
|
childrenInHitTestOrder: Int32List.fromList(<int>[1]),
|
|
childrenInTraversalOrder: Int32List.fromList(<int>[1]),
|
|
);
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
expectSemanticsTree('''
|
|
<sem style="filter: opacity(0%); color: rgba(0, 0, 0, 0)">
|
|
<sem-c>
|
|
<sem></sem>
|
|
</sem-c>
|
|
</sem>''');
|
|
|
|
final html.Element parentElement =
|
|
html.document.querySelector('flt-semantics');
|
|
final html.Element container =
|
|
html.document.querySelector('flt-semantics-container');
|
|
|
|
expect(parentElement.style.transform, '');
|
|
expect(parentElement.style.transformOrigin, '');
|
|
expect(container.style.transform, '');
|
|
expect(container.style.transformOrigin, '');
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.edge);
|
|
|
|
test('container node compensates for rect offset', () async {
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0,
|
|
flags: 0,
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(10, 10, 20, 20),
|
|
childrenInHitTestOrder: Int32List.fromList(<int>[1]),
|
|
childrenInTraversalOrder: Int32List.fromList(<int>[1]),
|
|
);
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
expectSemanticsTree('''
|
|
<sem style="filter: opacity(0%); color: rgba(0, 0, 0, 0)">
|
|
<sem-c>
|
|
<sem></sem>
|
|
</sem-c>
|
|
</sem>''');
|
|
|
|
final html.Element parentElement =
|
|
html.document.querySelector('flt-semantics');
|
|
final html.Element container =
|
|
html.document.querySelector('flt-semantics-container');
|
|
|
|
expect(parentElement.style.transform, 'matrix(1, 0, 0, 1, 10, 10)');
|
|
expect(parentElement.style.transformOrigin, '0px 0px 0px');
|
|
expect(container.style.transform, 'translate(-10px, -10px)');
|
|
expect(container.style.transformOrigin, '0px 0px 0px');
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.edge);
|
|
}
|
|
|
|
void _testVerticalScrolling() {
|
|
test('renders an empty scrollable node', () async {
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0 | ui.SemanticsAction.scrollUp.index,
|
|
flags: 0,
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 50, 100),
|
|
);
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
expectSemanticsTree('''
|
|
<sem style="filter: opacity(0%); color: rgba(0, 0, 0, 0); touch-action: none; overflow-y: scroll">
|
|
</sem>''');
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50590
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.webkit ||
|
|
browserEngine == BrowserEngine.edge);
|
|
|
|
test('scrollable node with children has a container node', () async {
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0 | ui.SemanticsAction.scrollUp.index,
|
|
flags: 0,
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 50, 100),
|
|
childrenInHitTestOrder: Int32List.fromList(<int>[1]),
|
|
childrenInTraversalOrder: Int32List.fromList(<int>[1]),
|
|
);
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
expectSemanticsTree('''
|
|
<sem style="filter: opacity(0%); color: rgba(0, 0, 0, 0); touch-action: none; overflow-y: scroll">
|
|
<sem-c>
|
|
<sem></sem>
|
|
</sem-c>
|
|
</sem>''');
|
|
|
|
final html.Element scrollable = findScrollable();
|
|
expect(scrollable, isNotNull);
|
|
|
|
// When there's less content than the available size the neutral scrollTop
|
|
// is 0.
|
|
expect(scrollable.scrollTop, 0);
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50590
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.webkit ||
|
|
browserEngine == BrowserEngine.edge);
|
|
|
|
test('scrollable node dispatches scroll events', () async {
|
|
final StreamController<int> idLogController = StreamController<int>();
|
|
final StreamController<ui.SemanticsAction> actionLogController =
|
|
StreamController<ui.SemanticsAction>();
|
|
final Stream<int> idLog = idLogController.stream.asBroadcastStream();
|
|
final Stream<ui.SemanticsAction> actionLog =
|
|
actionLogController.stream.asBroadcastStream();
|
|
|
|
// The browser kicks us out of the test zone when the scroll event happens.
|
|
// We memorize the test zone so we can call expect when the callback is
|
|
// fired.
|
|
final Zone testZone = Zone.current;
|
|
|
|
ui.window.onSemanticsAction =
|
|
(int id, ui.SemanticsAction action, ByteData args) {
|
|
idLogController.add(id);
|
|
actionLogController.add(action);
|
|
testZone.run(() {
|
|
expect(args, null);
|
|
});
|
|
};
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0 |
|
|
ui.SemanticsAction.scrollUp.index |
|
|
ui.SemanticsAction.scrollDown.index,
|
|
flags: 0,
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 50, 100),
|
|
childrenInHitTestOrder: Int32List.fromList(<int>[1, 2, 3]),
|
|
childrenInTraversalOrder: Int32List.fromList(<int>[1, 2, 3]),
|
|
);
|
|
|
|
for (int id = 1; id <= 3; id++) {
|
|
builder.updateNode(
|
|
id: id,
|
|
actions: 0,
|
|
flags: 0,
|
|
transform: Matrix4.translationValues(0, 50.0 * id, 0).toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 50, 50),
|
|
);
|
|
}
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
expectSemanticsTree('''
|
|
<sem style="filter: opacity(0%); color: rgba(0, 0, 0, 0); touch-action: none; overflow-y: scroll">
|
|
<sem-c>
|
|
<sem></sem>
|
|
<sem></sem>
|
|
<sem></sem>
|
|
</sem-c>
|
|
</sem>''');
|
|
|
|
final html.Element scrollable = findScrollable();
|
|
expect(scrollable, isNotNull);
|
|
|
|
// When there's more content than the available size the neutral scrollTop
|
|
// is greater than 0 with a maximum of 10.
|
|
expect(scrollable.scrollTop, 10);
|
|
|
|
scrollable.scrollTop = 20;
|
|
expect(scrollable.scrollTop, 20);
|
|
expect(await idLog.first, 0);
|
|
expect(await actionLog.first, ui.SemanticsAction.scrollUp);
|
|
// Engine semantics returns scroll top back to neutral.
|
|
expect(scrollable.scrollTop, 10);
|
|
|
|
scrollable.scrollTop = 5;
|
|
expect(scrollable.scrollTop, 5);
|
|
expect(await idLog.first, 0);
|
|
expect(await actionLog.first, ui.SemanticsAction.scrollDown);
|
|
// Engine semantics returns scroll top back to neutral.
|
|
expect(scrollable.scrollTop, 10);
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50590
|
|
skip: browserEngine == BrowserEngine.webkit ||
|
|
browserEngine == BrowserEngine.edge);
|
|
}
|
|
|
|
void _testHorizontalScrolling() {
|
|
test('renders an empty scrollable node', () async {
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0 | ui.SemanticsAction.scrollLeft.index,
|
|
flags: 0,
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 100, 50),
|
|
);
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
expectSemanticsTree('''
|
|
<sem style="filter: opacity(0%); color: rgba(0, 0, 0, 0); touch-action: none; overflow-x: scroll">
|
|
</sem>''');
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50590
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.webkit ||
|
|
browserEngine == BrowserEngine.edge);
|
|
|
|
test('scrollable node with children has a container node', () async {
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0 | ui.SemanticsAction.scrollLeft.index,
|
|
flags: 0,
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 100, 50),
|
|
childrenInHitTestOrder: Int32List.fromList(<int>[1]),
|
|
childrenInTraversalOrder: Int32List.fromList(<int>[1]),
|
|
);
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
expectSemanticsTree('''
|
|
<sem style="filter: opacity(0%); color: rgba(0, 0, 0, 0); touch-action: none; overflow-x: scroll">
|
|
<sem-c>
|
|
<sem></sem>
|
|
</sem-c>
|
|
</sem>''');
|
|
|
|
final html.Element scrollable = findScrollable();
|
|
expect(scrollable, isNotNull);
|
|
|
|
// When there's less content than the available size the neutral
|
|
// scrollLeft is 0.
|
|
expect(scrollable.scrollLeft, 0);
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50590
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.webkit ||
|
|
browserEngine == BrowserEngine.edge);
|
|
|
|
test('scrollable node dispatches scroll events', () async {
|
|
final SemanticsActionLogger logger = SemanticsActionLogger();
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0 |
|
|
ui.SemanticsAction.scrollLeft.index |
|
|
ui.SemanticsAction.scrollRight.index,
|
|
flags: 0,
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 100, 50),
|
|
childrenInHitTestOrder: Int32List.fromList(<int>[1, 2, 3]),
|
|
childrenInTraversalOrder: Int32List.fromList(<int>[1, 2, 3]),
|
|
);
|
|
|
|
for (int id = 1; id <= 3; id++) {
|
|
builder.updateNode(
|
|
id: id,
|
|
actions: 0,
|
|
flags: 0,
|
|
transform: Matrix4.translationValues(50.0 * id, 0, 0).toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 50, 50),
|
|
);
|
|
}
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
expectSemanticsTree('''
|
|
<sem style="filter: opacity(0%); color: rgba(0, 0, 0, 0); touch-action: none; overflow-x: scroll">
|
|
<sem-c>
|
|
<sem></sem>
|
|
<sem></sem>
|
|
<sem></sem>
|
|
</sem-c>
|
|
</sem>''');
|
|
|
|
final html.Element scrollable = findScrollable();
|
|
expect(scrollable, isNotNull);
|
|
|
|
// When there's more content than the available size the neutral scrollTop
|
|
// is greater than 0 with a maximum of 10.
|
|
expect(scrollable.scrollLeft, 10);
|
|
|
|
scrollable.scrollLeft = 20;
|
|
expect(scrollable.scrollLeft, 20);
|
|
expect(await logger.idLog.first, 0);
|
|
expect(await logger.actionLog.first, ui.SemanticsAction.scrollLeft);
|
|
// Engine semantics returns scroll position back to neutral.
|
|
expect(scrollable.scrollLeft, 10);
|
|
|
|
scrollable.scrollLeft = 5;
|
|
expect(scrollable.scrollLeft, 5);
|
|
expect(await logger.idLog.first, 0);
|
|
expect(await logger.actionLog.first, ui.SemanticsAction.scrollRight);
|
|
// Engine semantics returns scroll top back to neutral.
|
|
expect(scrollable.scrollLeft, 10);
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50590
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.webkit ||
|
|
browserEngine == BrowserEngine.edge);
|
|
}
|
|
|
|
void _testIncrementables() {
|
|
test('renders a trivial incrementable node', () async {
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0 | ui.SemanticsAction.increase.index,
|
|
flags: 0,
|
|
value: 'd',
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 100, 50),
|
|
);
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
expectSemanticsTree('''
|
|
<sem style="filter: opacity(0%); color: rgba(0, 0, 0, 0)">
|
|
<input aria-valuenow="1" aria-valuetext="d" aria-valuemax="1" aria-valuemin="1">
|
|
</sem>''');
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.edge);
|
|
|
|
test('increments', () async {
|
|
final SemanticsActionLogger logger = SemanticsActionLogger();
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0 | ui.SemanticsAction.increase.index,
|
|
flags: 0,
|
|
value: 'd',
|
|
increasedValue: 'e',
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 100, 50),
|
|
);
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
expectSemanticsTree('''
|
|
<sem style="filter: opacity(0%); color: rgba(0, 0, 0, 0)">
|
|
<input aria-valuenow="1" aria-valuetext="d" aria-valuemax="2" aria-valuemin="1">
|
|
</sem>''');
|
|
|
|
final html.InputElement input =
|
|
html.document.querySelectorAll('input').single;
|
|
input.value = '2';
|
|
input.dispatchEvent(html.Event('change'));
|
|
|
|
expect(await logger.idLog.first, 0);
|
|
expect(await logger.actionLog.first, ui.SemanticsAction.increase);
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.edge);
|
|
|
|
test('decrements', () async {
|
|
final SemanticsActionLogger logger = SemanticsActionLogger();
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0 | ui.SemanticsAction.decrease.index,
|
|
flags: 0,
|
|
value: 'd',
|
|
decreasedValue: 'c',
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 100, 50),
|
|
);
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
expectSemanticsTree('''
|
|
<sem style="filter: opacity(0%); color: rgba(0, 0, 0, 0)">
|
|
<input aria-valuenow="1" aria-valuetext="d" aria-valuemax="1" aria-valuemin="0">
|
|
</sem>''');
|
|
|
|
final html.InputElement input =
|
|
html.document.querySelectorAll('input').single;
|
|
input.value = '0';
|
|
input.dispatchEvent(html.Event('change'));
|
|
|
|
expect(await logger.idLog.first, 0);
|
|
expect(await logger.actionLog.first, ui.SemanticsAction.decrease);
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.edge);
|
|
|
|
test('renders a node that can both increment and decrement', () async {
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0 |
|
|
ui.SemanticsAction.decrease.index |
|
|
ui.SemanticsAction.increase.index,
|
|
flags: 0,
|
|
value: 'd',
|
|
increasedValue: 'e',
|
|
decreasedValue: 'c',
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 100, 50),
|
|
);
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
expectSemanticsTree('''
|
|
<sem style="filter: opacity(0%); color: rgba(0, 0, 0, 0)">
|
|
<input aria-valuenow="1" aria-valuetext="d" aria-valuemax="2" aria-valuemin="0">
|
|
</sem>''');
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.edge);
|
|
}
|
|
|
|
void _testTextField() {
|
|
test('renders a text field', () async {
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0 | ui.SemanticsAction.tap.index,
|
|
flags: 0 | ui.SemanticsFlag.isTextField.index,
|
|
value: 'hello',
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 100, 50),
|
|
);
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
expectSemanticsTree('''
|
|
<sem style="filter: opacity(0%); color: rgba(0, 0, 0, 0)">
|
|
<input value="hello" />
|
|
</sem>''');
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.edge);
|
|
|
|
// TODO(yjbanov): this test will need to be adjusted for Safari when we add
|
|
// Safari testing.
|
|
test('sends a tap action when text field is activated', () async {
|
|
final SemanticsActionLogger logger = SemanticsActionLogger();
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0 | ui.SemanticsAction.tap.index,
|
|
flags: 0 | ui.SemanticsFlag.isTextField.index,
|
|
value: 'hello',
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 100, 50),
|
|
);
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
|
|
final html.Element textField = html.document
|
|
.querySelectorAll('input[data-semantics-role="text-field"]')
|
|
.single;
|
|
|
|
expect(html.document.activeElement, isNot(textField));
|
|
|
|
textField.focus();
|
|
|
|
expect(html.document.activeElement, textField);
|
|
expect(await logger.idLog.first, 0);
|
|
expect(await logger.actionLog.first, ui.SemanticsAction.tap);
|
|
|
|
semantics().semanticsEnabled = false;
|
|
}, // TODO(nurhan): https://github.com/flutter/flutter/issues/46638
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50590
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: (browserEngine != BrowserEngine.blink));
|
|
}
|
|
|
|
void _testCheckables() {
|
|
test('renders a switched on switch element', () async {
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0 | ui.SemanticsAction.tap.index,
|
|
flags: 0 |
|
|
ui.SemanticsFlag.isEnabled.index |
|
|
ui.SemanticsFlag.hasToggledState.index |
|
|
ui.SemanticsFlag.isToggled.index,
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 100, 50),
|
|
);
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
expectSemanticsTree('''
|
|
<sem role="switch" aria-checked="true" style="filter: opacity(0%); color: rgba(0, 0, 0, 0)"></sem>
|
|
''');
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.edge);
|
|
|
|
test('renders a switched on disabled switch element', () async {
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0 | ui.SemanticsAction.tap.index,
|
|
flags: 0 |
|
|
ui.SemanticsFlag.hasToggledState.index |
|
|
ui.SemanticsFlag.isToggled.index,
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 100, 50),
|
|
);
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
expectSemanticsTree('''
|
|
<sem role="switch" aria-disabled="true" aria-checked="true" style="filter: opacity(0%); color: rgba(0, 0, 0, 0)"></sem>
|
|
''');
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.edge);
|
|
|
|
test('renders a switched off switch element', () async {
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0 | ui.SemanticsAction.tap.index,
|
|
flags: 0 |
|
|
ui.SemanticsFlag.hasToggledState.index |
|
|
ui.SemanticsFlag.isEnabled.index,
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 100, 50),
|
|
);
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
expectSemanticsTree('''
|
|
<sem role="switch" aria-checked="false" style="filter: opacity(0%); color: rgba(0, 0, 0, 0)"></sem>
|
|
''');
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.edge);
|
|
|
|
test('renders a checked checkbox', () async {
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0 | ui.SemanticsAction.tap.index,
|
|
flags: 0 |
|
|
ui.SemanticsFlag.isEnabled.index |
|
|
ui.SemanticsFlag.hasCheckedState.index |
|
|
ui.SemanticsFlag.isChecked.index,
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 100, 50),
|
|
);
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
expectSemanticsTree('''
|
|
<sem role="checkbox" aria-checked="true" style="filter: opacity(0%); color: rgba(0, 0, 0, 0)"></sem>
|
|
''');
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.edge);
|
|
|
|
test('renders a checked disabled checkbox', () async {
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0 | ui.SemanticsAction.tap.index,
|
|
flags: 0 |
|
|
ui.SemanticsFlag.hasCheckedState.index |
|
|
ui.SemanticsFlag.isChecked.index,
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 100, 50),
|
|
);
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
expectSemanticsTree('''
|
|
<sem role="checkbox" aria-disabled="true" aria-checked="true" style="filter: opacity(0%); color: rgba(0, 0, 0, 0)"></sem>
|
|
''');
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.edge);
|
|
|
|
test('renders an unchecked checkbox', () async {
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0 | ui.SemanticsAction.tap.index,
|
|
flags: 0 |
|
|
ui.SemanticsFlag.hasCheckedState.index |
|
|
ui.SemanticsFlag.isEnabled.index,
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 100, 50),
|
|
);
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
expectSemanticsTree('''
|
|
<sem role="checkbox" aria-checked="false" style="filter: opacity(0%); color: rgba(0, 0, 0, 0)"></sem>
|
|
''');
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.edge);
|
|
|
|
test('renders a checked radio button', () async {
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0 | ui.SemanticsAction.tap.index,
|
|
flags: 0 |
|
|
ui.SemanticsFlag.isEnabled.index |
|
|
ui.SemanticsFlag.hasCheckedState.index |
|
|
ui.SemanticsFlag.isInMutuallyExclusiveGroup.index |
|
|
ui.SemanticsFlag.isChecked.index,
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 100, 50),
|
|
);
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
expectSemanticsTree('''
|
|
<sem role="radio" aria-checked="true" style="filter: opacity(0%); color: rgba(0, 0, 0, 0)"></sem>
|
|
''');
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.edge);
|
|
|
|
test('renders a checked disabled radio button', () async {
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0 | ui.SemanticsAction.tap.index,
|
|
flags: 0 |
|
|
ui.SemanticsFlag.hasCheckedState.index |
|
|
ui.SemanticsFlag.isInMutuallyExclusiveGroup.index |
|
|
ui.SemanticsFlag.isChecked.index,
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 100, 50),
|
|
);
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
expectSemanticsTree('''
|
|
<sem role="radio" aria-disabled="true" aria-checked="true" style="filter: opacity(0%); color: rgba(0, 0, 0, 0)"></sem>
|
|
''');
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.edge);
|
|
|
|
test('renders an unchecked checkbox', () async {
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0 | ui.SemanticsAction.tap.index,
|
|
flags: 0 |
|
|
ui.SemanticsFlag.isEnabled.index |
|
|
ui.SemanticsFlag.hasCheckedState.index |
|
|
ui.SemanticsFlag.isInMutuallyExclusiveGroup.index,
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 100, 50),
|
|
);
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
expectSemanticsTree('''
|
|
<sem role="radio" aria-checked="false" style="filter: opacity(0%); color: rgba(0, 0, 0, 0)"></sem>
|
|
''');
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.edge);
|
|
}
|
|
|
|
void _testTappable() {
|
|
test('renders an enabled tappable widget', () async {
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0 | ui.SemanticsAction.tap.index,
|
|
flags: 0 |
|
|
ui.SemanticsFlag.hasEnabledState.index |
|
|
ui.SemanticsFlag.isEnabled.index |
|
|
ui.SemanticsFlag.isButton.index,
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 100, 50),
|
|
);
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
expectSemanticsTree('''
|
|
<sem role="button" style="filter: opacity(0%); color: rgba(0, 0, 0, 0)"></sem>
|
|
''');
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.edge);
|
|
|
|
test('renders a disabled tappable widget', () async {
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0 | ui.SemanticsAction.tap.index,
|
|
flags: 0 |
|
|
ui.SemanticsFlag.hasEnabledState.index |
|
|
ui.SemanticsFlag.isButton.index,
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 100, 50),
|
|
);
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
expectSemanticsTree('''
|
|
<sem role="button" aria-disabled="true" style="filter: opacity(0%); color: rgba(0, 0, 0, 0)"></sem>
|
|
''');
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50590
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.webkit ||
|
|
browserEngine == BrowserEngine.edge);
|
|
}
|
|
|
|
void _testImage() {
|
|
test('renders an image with no child nodes and with a label', () async {
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0,
|
|
flags: 0 | ui.SemanticsFlag.isImage.index,
|
|
label: 'Test Image Label',
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 100, 50),
|
|
);
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
expectSemanticsTree('''
|
|
<sem role="img" aria-label="Test Image Label" style="filter: opacity(0%); color: rgba(0, 0, 0, 0)"></sem>
|
|
''');
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.edge);
|
|
|
|
test('renders an image with a child node and with a label', () async {
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0,
|
|
flags: 0 | ui.SemanticsFlag.isImage.index,
|
|
label: 'Test Image Label',
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 100, 50),
|
|
childrenInHitTestOrder: Int32List.fromList(<int>[1]),
|
|
childrenInTraversalOrder: Int32List.fromList(<int>[1]),
|
|
);
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
expectSemanticsTree('''
|
|
<sem style="filter: opacity(0%); color: rgba(0, 0, 0, 0)">
|
|
<sem-img role="img" aria-label="Test Image Label">
|
|
</sem-img>
|
|
<sem-c>
|
|
<sem></sem>
|
|
</sem-c>
|
|
</sem>''');
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.edge);
|
|
|
|
test('renders an image with no child nodes without a label', () async {
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0,
|
|
flags: 0 | ui.SemanticsFlag.isImage.index,
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 100, 50),
|
|
);
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
expectSemanticsTree(
|
|
'''<sem role="img" style="filter: opacity(0%); color: rgba(0, 0, 0, 0)"></sem>''');
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.edge);
|
|
|
|
test('renders an image with a child node and without a label', () async {
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0,
|
|
flags: 0 | ui.SemanticsFlag.isImage.index,
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 100, 50),
|
|
childrenInHitTestOrder: Int32List.fromList(<int>[1]),
|
|
childrenInTraversalOrder: Int32List.fromList(<int>[1]),
|
|
);
|
|
|
|
semantics().updateSemantics(builder.build());
|
|
expectSemanticsTree('''
|
|
<sem style="filter: opacity(0%); color: rgba(0, 0, 0, 0)">
|
|
<sem-img role="img">
|
|
</sem-img>
|
|
<sem-c>
|
|
<sem></sem>
|
|
</sem-c>
|
|
</sem>''');
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.edge);
|
|
}
|
|
|
|
void _testLiveRegion() {
|
|
test('renders a live region if there is a label', () async {
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0,
|
|
label: 'This is a snackbar',
|
|
flags: 0 | ui.SemanticsFlag.isLiveRegion.index,
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 100, 50),
|
|
);
|
|
semantics().updateSemantics(builder.build());
|
|
|
|
expectSemanticsTree('''
|
|
<sem aria-label="This is a snackbar" aria-live="polite" style="filter: opacity(0%); color: rgba(0, 0, 0, 0)"><sem-v>This is a snackbar</sem-v></sem>
|
|
''');
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.edge);
|
|
|
|
test('does not render a live region if there is no label', () async {
|
|
semantics()
|
|
..debugOverrideTimestampFunction(() => _testTime)
|
|
..semanticsEnabled = true;
|
|
|
|
final ui.SemanticsUpdateBuilder builder = ui.SemanticsUpdateBuilder();
|
|
builder.updateNode(
|
|
id: 0,
|
|
actions: 0,
|
|
flags: 0 | ui.SemanticsFlag.isLiveRegion.index,
|
|
transform: Matrix4.identity().toFloat64(),
|
|
rect: const ui.Rect.fromLTRB(0, 0, 100, 50),
|
|
);
|
|
semantics().updateSemantics(builder.build());
|
|
|
|
expectSemanticsTree('''
|
|
<sem style="filter: opacity(0%); color: rgba(0, 0, 0, 0)"></sem>
|
|
''');
|
|
|
|
semantics().semanticsEnabled = false;
|
|
},
|
|
// TODO(nurhan): https://github.com/flutter/flutter/issues/50754
|
|
skip: browserEngine == BrowserEngine.edge);
|
|
}
|
|
|
|
void expectSemanticsTree(String semanticsHtml) {
|
|
expect(
|
|
canonicalizeHtml(html.document.querySelector('flt-semantics').outerHtml),
|
|
canonicalizeHtml(semanticsHtml),
|
|
);
|
|
}
|
|
|
|
html.Element findScrollable() {
|
|
return html.document.querySelectorAll('flt-semantics').firstWhere(
|
|
(html.Element element) =>
|
|
element.style.overflow == 'hidden' ||
|
|
element.style.overflowY == 'scroll' ||
|
|
element.style.overflowX == 'scroll',
|
|
orElse: () => null,
|
|
);
|
|
}
|
|
|
|
class SemanticsActionLogger {
|
|
StreamController<int> idLogController;
|
|
StreamController<ui.SemanticsAction> actionLogController;
|
|
Stream<int> idLog;
|
|
Stream<ui.SemanticsAction> actionLog;
|
|
|
|
SemanticsActionLogger() {
|
|
idLogController = StreamController<int>();
|
|
actionLogController = StreamController<ui.SemanticsAction>();
|
|
idLog = idLogController.stream.asBroadcastStream();
|
|
actionLog = actionLogController.stream.asBroadcastStream();
|
|
|
|
// The browser kicks us out of the test zone when the browser event happens.
|
|
// We memorize the test zone so we can call expect when the callback is
|
|
// fired.
|
|
final Zone testZone = Zone.current;
|
|
|
|
ui.window.onSemanticsAction =
|
|
(int id, ui.SemanticsAction action, ByteData args) {
|
|
idLogController.add(id);
|
|
actionLogController.add(action);
|
|
testZone.run(() {
|
|
expect(args, null);
|
|
});
|
|
};
|
|
}
|
|
}
|