Storyshots不遵循视口宽度。

可以使用 Enzyme 的 mount() 方法在模拟的 DOM 中设定视口宽度，并将它包含在 Storyshot 测试中。

示例代码：

import { mount } from 'enzyme';

test('MyComponent renders correctly', () => {
  const wrapper = mount(<MyComponent />, {
    // 设置模拟的视口宽度
    width: 800,
  });
  expect(wrapper).toMatchSnapshot();
});

本文内容通过AI工具匹配关键字智能整合而成，仅供参考，火山引擎不对内容的真实、准确或完整作任何形式的承诺。如有任何问题或意见，您可以通过联系service@volcengine.com进行反馈，火山引擎收到您的反馈后将及时答复和处理。

展开更多

开发者特惠

面向开发者的云福利中心，ECS 60元/年，域名1元起，助力开发者快速在云上构建可靠应用

ECS首年60元

社区干货

##### **ideal viewport:理想视口**理想视口,即`页面绘制区域可以完美适配设备宽度的视口大小`,不需要出现滚动条即可正常查看网站的所有内容,且文字图片清晰。这也是我们为什么需要使用viewport的原因。![kkk... 调整屏幕宽度时不用刷新页面就可以响应页面布局`缺点方面`:- 代码量大,不方便维护- 不能够完全适配所有的屏幕尺寸,需要编写多套css样式## 思考(1px问题):**物理像素:**指的是设备屏幕上的像素...

js实现自动打字机 | 社区征文

为什么不是px呢?vm/vh是css3引入的一个新的单位,与视口有关(PC端的可视区域)。- vm: 1vm等于视口宽度的1%- vh: 1vh等于视口高度的1%- vmin:选取vm和vh中最小的那个- vmax:选取vm和vh中最大的那个100vh就是当前视口的宽度,这可以让我们打字机的布局更好的适配窗口大小。![2](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/b86ed85e74d1494e96eb491215d38000~tplv-k3u1fbpfcp-zoom-1.image)## 四、中间...

特惠活动

域名注册服务

cn/top/com等热门域名，首年低至1元，邮箱建站必选

￥1.00/首年起32.00/首年起

立即购买

DCDN国内流量包100G

同时抵扣CDN与DCDN两种流量消耗，加速分发更实惠

￥2.00/年20.00/年

立即购买