如何使用浓咖啡测试矢量图

Question

我有一个矢量绘图，我想用浓咖啡测试。

  <TextView
                android:id="@+id/text_video_call"
                style="@style/UserDetails.TextView.Actions"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="24dp"
                android:drawableTop="@drawable/ic_video_24dp"
                android:text="@string/msg_video_call"
                android:visibility="gone"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toEndOf="@+id/text_message"
                app:layout_constraintTop_toBottomOf="@+id/text_username"
                tools:visibility="visible" />

矢量可绘制：ic_video_24dp

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="20"
    android:viewportHeight="20">

    <path
        android:fillColor="#1d74f5"
        android:fillType="evenOdd"
        android:pathData="M16.538,13.564l-3.388,-1.09v-2.07l3.394,-1.085 -0.006,4.245zM11.696,14.56L3.454,14.56L3.454,8.32h8.242v6.24zM17.428,8.107c0.362,0.261 0.57,0.69 0.57,1.176v4.312c0,0.487 -0.209,0.914 -0.57,1.175a1.37,1.37 0,0 1,-0.808 0.254c-0.164,0 -0.331,-0.026 -0.498,-0.08l-2.972,-0.956L13.15,16L2,16L2,6.88h11.15v2.01l2.973,-0.956c0.468,-0.15 0.943,-0.087 1.305,0.173zM4.424,5.44L4.424,4h6.302v1.44L4.424,5.44z" />
</vector>

我有没有办法用浓缩咖啡对矢量绘图进行UI测试？任何帮助都将不胜感激。

Answer 1

最好不要比较位图，而是遵循此答案的建议：https://stackoverflow.com/a/14474954/1396068

设置图像视图的可绘制性时，还可以使用setTag（R.drawable.your_drawable）将可绘制ID存储在其标记中然后使用Espresso的和TagValue（equalTo（R.drawable.your_drawable））匹配器检查标签是否正确。

请检查我找到的这个教程。看起来效果不错https://medium.com/@dbottillo/android-ui-test-espresso-matcher-for-imageview-1a28c832626f#4snjg8frw

这是复制粘贴的摘要；-）

public class DrawableMatcher extends TypeSafeMatcher<View> {

    private final int expectedId;
    String resourceName;

    public DrawableMatcher(int expectedId) {
        super(View.class);
        this.expectedId = expectedId;
    }

    @Override
    protected boolean matchesSafely(View target) {
        if (!(target instanceof ImageView)){
            return false;
        }
        ImageView imageView = (ImageView) target;
        if (expectedId < 0){
            return imageView.getDrawable() == null;
        }
        Resources resources = target.getContext().getResources();
        Drawable expectedDrawable = resources.getDrawable(expectedId);
        resourceName = resources.getResourceEntryName(expectedId);

        if (expectedDrawable == null) {
            return false;
        }

        Bitmap bitmap = ((BitmapDrawable) imageView.getDrawable()).getBitmap();
        Bitmap otherBitmap = ((BitmapDrawable) expectedDrawable).getBitmap();
        return bitmap.sameAs(otherBitmap);
    }


    @Override
    public void describeTo(Description description) {
        description.appendText("with drawable from resource id: ");
        description.appendValue(expectedId);
        if (resourceName != null) {
            description.appendText("[");
            description.appendText(resourceName);
            description.appendText("]");
        }
    }
}

请注意，这只适用于当您的Drawable是一个BitmapDrawable。如果您也有VectorDrawable或其他Drawable，您必须检查此（ImageView.getDrawable（）instanceOf XXXDrawable）并从中获取位图。除了你有一些简单的绘图，你只有一种颜色，所以你可以比较。

为了获得VectorDrawable的位图，即，您必须将VectorDrawable绘制到画布并将其保存到位图。如果您有一个StateListDrawable，您可以获取所选状态的Drawable，并重复您的If cascade实例。