小编zak*_*hur的帖子

我无法为只有一个 v-data-table Vuetify 组件的简单组件编写 Jest 测试。我尝试安装组件，但遇到一些错误“[Vue 警告]：渲染中的错误：“类型错误：无法读取 ---> 中未定义的属性‘宽度’”。我是 Jest 测试中的新成员，所以这个问题让我发疯...

这是我的测试文件。测试组件取自 Vuetify 文档页面...

import { mount } from '@vue/test-utils';
import vuetify from 'vuetify';
import Vue from 'vue';
import Vuex from 'vuex';
import Test from '../test';

Vue.use(vuetify);
Vue.use(Vuex);

describe('VehiclePassesList', () => {
  let wrapper = null;
  beforeEach(() => {
    wrapper = mount(Test);
  });

  it('renders title', () => {
    console.log('PAGE: ', wrapper.html());
    expect(true).toBe(true);
  });
});

我已将项目从 Vuetify 1.5 更新到 Vuetify 2.0。我有 v-data-table，其中几列可以排序。在移动屏幕上的先前版本中，表格处于相同的视图中，但可以 x 滚动。现在表格的宽度为 100%，表格标题替换为可排序列的选择器。如何禁用此类行为？