| /* |
| * Copyright 2021 The Android Open Source Project |
| * |
| * Licensed under the Apache License, Version 2.0 (the "License"); |
| * you may not use this file except in compliance with the License. |
| * You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, software |
| * distributed under the License is distributed on an "AS IS" BASIS, |
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| * See the License for the specific language governing permissions and |
| * limitations under the License. |
| */ |
| |
| package androidx.wear.compose.material |
| |
| import androidx.compose.foundation.layout.Box |
| import androidx.compose.foundation.layout.PaddingValues |
| import androidx.compose.foundation.layout.Spacer |
| import androidx.compose.foundation.layout.requiredHeight |
| import androidx.compose.foundation.layout.requiredSize |
| import androidx.compose.foundation.layout.requiredWidth |
| import androidx.compose.runtime.Composable |
| import androidx.compose.runtime.getValue |
| import androidx.compose.runtime.mutableStateOf |
| import androidx.compose.runtime.setValue |
| import androidx.compose.testutils.WithTouchSlop |
| import androidx.compose.ui.Modifier |
| import androidx.compose.ui.platform.testTag |
| import androidx.compose.ui.test.assertHeightIsEqualTo |
| import androidx.compose.ui.test.assertWidthIsEqualTo |
| import androidx.compose.ui.test.junit4.ComposeContentTestRule |
| import androidx.compose.ui.test.junit4.createComposeRule |
| import androidx.compose.ui.test.onNodeWithTag |
| import androidx.compose.ui.test.performTouchInput |
| import androidx.compose.ui.test.swipeDown |
| import androidx.compose.ui.test.swipeUp |
| import androidx.compose.ui.unit.Dp |
| import androidx.compose.ui.unit.dp |
| import androidx.test.ext.junit.runners.AndroidJUnit4 |
| import androidx.test.filters.MediumTest |
| import org.junit.Before |
| import org.junit.Rule |
| import org.junit.Test |
| import org.junit.runner.RunWith |
| import com.google.common.truth.Truth.assertThat |
| import kotlin.math.roundToInt |
| |
| @MediumTest |
| @RunWith(AndroidJUnit4::class) |
| // These tests are in addition to ScalingLazyListLayoutInfoTest which handles scroll events at an |
| // absolute level and is designed to exercise scrolling through the UI directly. |
| public class ScalingLazyColumnTest { |
| private val firstItemTag = "firstItemTag" |
| |
| @get:Rule |
| val rule = createComposeRule() |
| |
| private var itemSizePx: Int = 50 |
| private var itemSizeDp: Dp = Dp.Infinity |
| private var defaultItemSpacingDp: Dp = 4.dp |
| private var defaultItemSpacingPx = Int.MAX_VALUE |
| |
| @Before |
| fun before() { |
| with(rule.density) { |
| itemSizeDp = itemSizePx.toDp() |
| defaultItemSpacingPx = defaultItemSpacingDp.roundToPx() |
| } |
| } |
| |
| @Test |
| fun visibleItemsAreCorrectAfterScrolling() { |
| lateinit var state: ScalingLazyListState |
| rule.setContent { |
| WithTouchSlop(0f) { |
| ScalingLazyColumn( |
| state = rememberScalingLazyListState().also { state = it }, |
| modifier = Modifier.testTag(TEST_TAG).requiredSize( |
| itemSizeDp * 3.5f + defaultItemSpacingDp * 2.5f |
| ), |
| autoCentering = false |
| ) { |
| items(5) { |
| Box(Modifier.requiredSize(itemSizeDp)) |
| } |
| } |
| } |
| } |
| rule.waitForIdle() |
| rule.onNodeWithTag(TEST_TAG).performTouchInput { |
| swipeUp(endY = bottom - (itemSizePx.toFloat() + defaultItemSpacingPx.toFloat())) |
| } |
| |
| rule.waitForIdle() |
| state.layoutInfo.assertVisibleItems(count = 4, startIndex = 1) |
| } |
| |
| @Test |
| fun visibleItemsAreCorrectAfterScrollingWithAutoCentering() { |
| lateinit var state: ScalingLazyListState |
| rule.setContent { |
| WithTouchSlop(0f) { |
| ScalingLazyColumn( |
| state = rememberScalingLazyListState().also { state = it }, |
| modifier = Modifier.testTag(TEST_TAG).requiredSize( |
| itemSizeDp * 3.5f + defaultItemSpacingDp * 2.5f |
| ), |
| autoCentering = true |
| ) { |
| items(5) { |
| Box(Modifier.requiredSize(itemSizeDp)) |
| } |
| } |
| } |
| } |
| rule.waitForIdle() |
| state.layoutInfo.assertVisibleItems(count = 3, startIndex = 0) |
| |
| rule.waitForIdle() |
| rule.onNodeWithTag(TEST_TAG).performTouchInput { |
| swipeUp(endY = bottom - (itemSizePx.toFloat() + defaultItemSpacingPx.toFloat())) |
| } |
| |
| rule.waitForIdle() |
| state.layoutInfo.assertVisibleItems(count = 4, startIndex = 0) |
| } |
| |
| @Test |
| fun visibleItemsAreCorrectAfterScrollingReverseLayout() { |
| lateinit var state: ScalingLazyListState |
| rule.setContent { |
| WithTouchSlop(0f) { |
| ScalingLazyColumn( |
| state = rememberScalingLazyListState().also { state = it }, |
| modifier = Modifier.testTag(TEST_TAG).requiredSize( |
| itemSizeDp * 3.5f + defaultItemSpacingDp * 2.5f |
| ), |
| reverseLayout = true, |
| autoCentering = false |
| ) { |
| items(5) { |
| Box(Modifier.requiredSize(itemSizeDp)) |
| } |
| } |
| } |
| } |
| |
| rule.onNodeWithTag(TEST_TAG).performTouchInput { |
| swipeDown( |
| startY = top, |
| endY = top + (itemSizePx.toFloat() + defaultItemSpacingPx.toFloat()) |
| ) |
| } |
| rule.waitForIdle() |
| state.layoutInfo.assertVisibleItems(count = 4, startIndex = 1) |
| } |
| |
| @Test |
| fun visibleItemsAreCorrectAfterScrollNoScaling() { |
| lateinit var state: ScalingLazyListState |
| rule.setContent { |
| WithTouchSlop(0f) { |
| ScalingLazyColumn( |
| state = rememberScalingLazyListState().also { state = it }, |
| modifier = Modifier.testTag(TEST_TAG).requiredSize( |
| itemSizeDp * 3.5f + defaultItemSpacingDp * 2.5f |
| ), |
| scalingParams = ScalingLazyColumnDefaults.scalingParams(1.0f, 1.0f), |
| contentPadding = PaddingValues(vertical = 100.dp) |
| ) { |
| items(5) { |
| Box(Modifier.requiredSize(itemSizeDp).testTag("Item:" + it)) |
| } |
| } |
| } |
| } |
| |
| rule.waitForIdle() |
| rule.mainClock.autoAdvance = false |
| rule.onNodeWithTag(TEST_TAG).performTouchInput { |
| swipeUp( |
| startY = bottom, |
| endY = bottom - (itemSizePx.toFloat() + defaultItemSpacingPx.toFloat()), |
| ) |
| } |
| rule.waitForIdle() |
| state.layoutInfo.assertVisibleItems(count = 4, startIndex = 0) |
| assertThat(state.centerItemIndex).isEqualTo(1) |
| } |
| |
| @Test |
| fun visibleItemsAreCorrectAfterScrollNoScalingForReverseLayout() { |
| lateinit var state: ScalingLazyListState |
| rule.setContent { |
| WithTouchSlop(0f) { |
| ScalingLazyColumn( |
| state = rememberScalingLazyListState(8).also { state = it }, |
| modifier = Modifier.testTag(TEST_TAG).requiredSize( |
| itemSizeDp * 4f + defaultItemSpacingDp * 3f |
| ), |
| scalingParams = ScalingLazyColumnDefaults.scalingParams(1.0f, 1.0f), |
| reverseLayout = true |
| ) { |
| items(15) { |
| Box(Modifier.requiredSize(itemSizeDp).testTag("Item:" + it)) |
| } |
| } |
| } |
| } |
| |
| rule.waitForIdle() |
| rule.mainClock.autoAdvance = false |
| rule.onNodeWithTag(TEST_TAG).performTouchInput { |
| swipeDown( |
| startY = top, |
| endY = top + (itemSizePx.toFloat() + defaultItemSpacingPx.toFloat()) |
| ) |
| } |
| rule.waitForIdle() |
| state.layoutInfo.assertVisibleItems(count = 5, startIndex = 7) |
| assertThat(state.centerItemIndex).isEqualTo(9) |
| assertThat(state.centerItemScrollOffset).isEqualTo(0) |
| } |
| |
| @Composable |
| fun ObservingFun( |
| state: ScalingLazyListState, |
| currentInfo: StableRef<ScalingLazyListLayoutInfo?> |
| ) { |
| currentInfo.value = state.layoutInfo |
| } |
| |
| @Test |
| fun visibleItemsAreObservableWhenWeScroll() { |
| lateinit var state: ScalingLazyListState |
| val currentInfo = StableRef<ScalingLazyListLayoutInfo?>(null) |
| rule.setContent { |
| WithTouchSlop(0f) { |
| ScalingLazyColumn( |
| state = rememberScalingLazyListState().also { state = it }, |
| modifier = Modifier |
| .testTag(TEST_TAG) |
| .requiredSize(itemSizeDp * 3.5f + defaultItemSpacingDp * 2.5f), |
| autoCentering = false |
| ) { |
| items(6) { |
| Box(Modifier.requiredSize(itemSizeDp)) |
| } |
| } |
| ObservingFun(state, currentInfo) |
| } |
| } |
| rule.waitForIdle() |
| rule.mainClock.autoAdvance = false |
| currentInfo.value = null |
| rule.onNodeWithTag(TEST_TAG).performTouchInput { |
| swipeUp( |
| startY = bottom, |
| endY = bottom - (itemSizePx.toFloat() + defaultItemSpacingPx.toFloat()), |
| ) |
| } |
| rule.waitForIdle() |
| rule.mainClock.advanceTimeBy(milliseconds = 1000) |
| assertThat(currentInfo.value).isNotNull() |
| currentInfo.value!!.assertVisibleItems(count = 4, startIndex = 1) |
| } |
| |
| fun ScalingLazyListLayoutInfo.assertVisibleItems( |
| count: Int, |
| startIndex: Int = 0, |
| unscaledSize: Int = itemSizePx, |
| spacing: Int = defaultItemSpacingPx, |
| anchorType: ScalingLazyListAnchorType = ScalingLazyListAnchorType.ItemCenter |
| ) { |
| assertThat(visibleItemsInfo.size).isEqualTo(count) |
| var currentIndex = startIndex |
| var previousEndOffset = -1 |
| visibleItemsInfo.forEach { |
| assertThat(it.index).isEqualTo(currentIndex) |
| assertThat(it.size).isEqualTo((unscaledSize * it.scale).roundToInt()) |
| currentIndex++ |
| val startOffset = it.startOffset(anchorType).roundToInt() |
| if (previousEndOffset != -1) { |
| assertThat(spacing).isEqualTo(startOffset - previousEndOffset) |
| } |
| previousEndOffset = startOffset + it.size |
| } |
| } |
| |
| @Test |
| fun itemFillingParentWidth() { |
| rule.setContentWithTestViewConfiguration { |
| ScalingLazyColumn( |
| modifier = Modifier.requiredSize(width = 100.dp, height = 150.dp), |
| contentPadding = PaddingValues(horizontal = 0.dp), |
| scalingParams = ScalingLazyColumnDefaults.scalingParams(1.0f, 1.0f) |
| ) { |
| items(listOf(0)) { |
| Spacer( |
| Modifier.fillParentMaxWidth().requiredHeight(50.dp).testTag(firstItemTag) |
| ) |
| } |
| } |
| } |
| |
| rule.onNodeWithTag(firstItemTag) |
| .assertWidthIsEqualTo(100.dp) |
| .assertHeightIsEqualTo(50.dp) |
| } |
| |
| @Test |
| fun itemFillingParentHeight() { |
| rule.setContentWithTestViewConfiguration { |
| ScalingLazyColumn( |
| modifier = Modifier.requiredSize(width = 100.dp, height = 150.dp), |
| scalingParams = ScalingLazyColumnDefaults.scalingParams(1.0f, 1.0f) |
| ) { |
| items(listOf(0)) { |
| Spacer( |
| Modifier.requiredWidth(50.dp).fillParentMaxHeight().testTag(firstItemTag) |
| ) |
| } |
| } |
| } |
| |
| rule.onNodeWithTag(firstItemTag) |
| .assertWidthIsEqualTo(50.dp) |
| .assertHeightIsEqualTo(150.dp) |
| } |
| |
| @Test |
| fun itemFillingParentSize() { |
| rule.setContentWithTestViewConfiguration { |
| ScalingLazyColumn( |
| modifier = Modifier.requiredSize(width = 100.dp, height = 150.dp), |
| contentPadding = PaddingValues(horizontal = 0.dp), |
| scalingParams = ScalingLazyColumnDefaults.scalingParams(1.0f, 1.0f) |
| ) { |
| items(listOf(0)) { |
| Spacer(Modifier.fillParentMaxSize().testTag(firstItemTag)) |
| } |
| } |
| } |
| |
| rule.onNodeWithTag(firstItemTag) |
| .assertWidthIsEqualTo(100.dp) |
| .assertHeightIsEqualTo(150.dp) |
| } |
| |
| @Test |
| fun itemFillingParentWidthFraction() { |
| rule.setContentWithTestViewConfiguration { |
| ScalingLazyColumn( |
| modifier = Modifier.requiredSize(width = 100.dp, height = 150.dp), |
| contentPadding = PaddingValues(horizontal = 0.dp), |
| scalingParams = ScalingLazyColumnDefaults.scalingParams(1.0f, 1.0f) |
| ) { |
| items(listOf(0)) { |
| Spacer( |
| Modifier.fillParentMaxWidth(0.7f) |
| .requiredHeight(50.dp) |
| .testTag(firstItemTag) |
| ) |
| } |
| } |
| } |
| |
| rule.onNodeWithTag(firstItemTag) |
| .assertWidthIsEqualTo(70.dp) |
| .assertHeightIsEqualTo(50.dp) |
| } |
| |
| @Test |
| fun itemFillingParentHeightFraction() { |
| rule.setContentWithTestViewConfiguration { |
| ScalingLazyColumn(Modifier.requiredSize(width = 100.dp, height = 150.dp)) { |
| items(listOf(0)) { |
| Spacer( |
| Modifier.requiredWidth(50.dp) |
| .fillParentMaxHeight(0.3f) |
| .testTag(firstItemTag) |
| ) |
| } |
| } |
| } |
| |
| rule.onNodeWithTag(firstItemTag) |
| .assertWidthIsEqualTo(50.dp) |
| .assertHeightIsEqualTo(45.dp) |
| } |
| |
| @Test |
| fun itemFillingParentSizeFraction() { |
| rule.setContentWithTestViewConfiguration { |
| ScalingLazyColumn( |
| modifier = Modifier.requiredSize(width = 100.dp, height = 150.dp), |
| contentPadding = PaddingValues(horizontal = 0.dp) |
| ) { |
| items(listOf(0)) { |
| Spacer(Modifier.fillParentMaxSize(0.5f).testTag(firstItemTag)) |
| } |
| } |
| } |
| |
| rule.onNodeWithTag(firstItemTag) |
| .assertWidthIsEqualTo(50.dp) |
| .assertHeightIsEqualTo(75.dp) |
| } |
| |
| @Test |
| fun itemFillingParentSizeParentResized() { |
| var parentSize by mutableStateOf(100.dp) |
| rule.setContentWithTestViewConfiguration { |
| ScalingLazyColumn( |
| modifier = Modifier.requiredSize(parentSize), |
| contentPadding = PaddingValues(horizontal = 0.dp), |
| ) { |
| items(listOf(0)) { |
| Spacer(Modifier.fillParentMaxSize().testTag(firstItemTag)) |
| } |
| } |
| } |
| |
| rule.runOnIdle { |
| parentSize = 150.dp |
| } |
| |
| rule.onNodeWithTag(firstItemTag) |
| .assertWidthIsEqualTo(150.dp) |
| .assertHeightIsEqualTo(150.dp) |
| } |
| } |
| |
| internal const val TestTouchSlop = 18f |
| |
| internal fun ComposeContentTestRule.setContentWithTestViewConfiguration( |
| composable: @Composable () -> Unit |
| ) { |
| this.setContent { |
| WithTouchSlop(TestTouchSlop, composable) |
| } |
| } |