小编Vin*_*ado的帖子

已经存在一些与使用带有 iframe 的本地存储以便能够跨不同域共享数据相关的问题。但是，当启用“阻止第三方 cookie”时，它们都没有解决该问题。

目前，Chrome 默认使用“在隐身模式下阻止第三方 cookie”选项，每当您使用隐身模式时，该选项都会破坏 iframe 中的 localStorage 使用。

有解决这个问题的方法吗？我们使用 post 消息来发送 iframe 的数据。

我有一个使用 Jest 和 React 测试库的单元测试来填充和提交表单。问题是在将 Material UI 升级到版本 4 后，我的单元测试无法选择一个选项。错误是：“无法找到带有文本的元素：巴西”巴西是我尝试选择的文本选项。使用 Material UI 版本 3 工作得很好。

测试代码 - 给出错误：“无法找到带有文本的元素：巴西。”

fireEvent.click(getByTestId("id-country"));
const countryOption = await waitForElement(() => getByText("Brazil"));
fireEvent.click(countryOption);

反应组件代码

<Grid item xs={12} sm={4}>
        <TextField
            id="select-country"
            name="country"
            select
            helperText={touched.country ? errors.country : ""}
            error={touched.country && Boolean(errors.country)}
            required
            label="Country"
            onChange={handleChange}
            value={values.country}
            className={classes.selectField}
            SelectProps={{
                SelectDisplayProps: {
                    "data-testid": "id-country"
                }
            }}
        >
            {countryEnum.map(country => (
                <MenuItem key={country.type} value={country.type}>
                    {country.label}
                </MenuItem>
            ))}
        </TextField>
</Grid>