小编Pik*_*ikk的帖子

Cypress 10 - 如何一次性运行所有测试?

我在之前的项目中曾经使用过 Cypress 9。默认情况下,当运行cypress opencypress open --browser chrome用于运行所有 React 组件的所有测试时。

然而,我第一次在一个尚未进行 e2e 测试的项目上安装了 Cypress 10。我添加了测试规范,但我没有看到任何选项来完全运行所有测试。

看来我必须一项一项地运行测试,点击每一项。

谁能建议我如何自动运行所有测试?

在此输入图像描述

cypress

36
推荐指数
2
解决办法
2万
查看次数

将TTC字体转换或提取为TTF - 如何?

我已经超过8个小时试图使STHeiti Medium.ttc.zip字体在Windows上运行.

但我不能让它发挥作用.是否有人能够在Windows上运行?

fonts truetype cjk opentype

32
推荐指数
4
解决办法
11万
查看次数

如何在这个特定网站上实现"mainEntityOfPage"?

请看这里:https://developers.google.com/structured-data/testing-tool?url = https%253A%252F%252Fglamourina.net%252Fen%252F

如何正确添加mainEntityOfPage到此站点?

在Google文档示例中,我看到如下内容:

<div itemscope itemtype="http://schema.org/NewsArticle">

  <meta itemscope itemprop="mainEntityOfPage"  itemType="https://schema.org/WebPage" itemid="https://google.com/article"/>
Run Code Online (Sandbox Code Playgroud)

但这是一篇单独的作者博客.它的特色是blogPosts.

<article itemscope itemtype="https://schema.org/BlogPosting" class="singlearticles">
Run Code Online (Sandbox Code Playgroud)

如果我这样改变它会是好的:

<article itemprop="blogPost" itemscope itemtype="https://schema.org/BlogPosting">
<meta itemscope itemprop="mainEntityOfPage"  itemType="https://schema.org/WebPage" itemid="https://linktoarticle"/>
Run Code Online (Sandbox Code Playgroud)

不确定我是否理解其mainEntityOfPage用法.如果有人可以建议我如何处理这个特定的案例/网站,我将不胜感激.不一般,因为每个站点可以有不同的mainEntityOfPage,但我需要知道并理解该站点的正确实现.

microdata schema.org google-rich-snippets

17
推荐指数
1
解决办法
2万
查看次数

React-beautiful-dnd - 拖动列时尝试添加或删除 Draggable... 警告

我有一个沙箱,我试图在其中使react-beautiful-dnd 工作。它必须能够水平移动柱子。

但是,我收到以下警告(当尝试拖动列时),如您在控制台中看到的:

You are attempting to add or remove a Draggable [id: Status]
while a drag is occurring. This is only supported for virtual lists.
Run Code Online (Sandbox Code Playgroud)

我想知道这是否与应用程序未找到占位符有关?

阿比奥能发现我做错了什么吗?

react-beautiful-dnd

6
推荐指数
1
解决办法
1973
查看次数

在cron作业上出错,但在shell上工作正常

我正在配置Cron自动备份我的sql.但是我认为Cron有一些问题并且效果不佳.

这是我正在运行的命令:

mysqldump --opt -Q -uhereisthename -p'hereisthepasswordwithstrangecharactersthatmustbeescaped' databasename | gzip > /home2/username/backups/backupnamefolder/backupdbwebsitename.`date +"%Y-%m-%d"`.gz
Run Code Online (Sandbox Code Playgroud)

当我通过SSH运行它时它工作正常并生成备份.但是,如果我通过Cron运行它,我会收到以下错误:

/bin/sh: -c: line 0: unexpected EOF while looking for matching `''
/bin/sh: -c: line 1: syntax error: unexpected end of file
Run Code Online (Sandbox Code Playgroud)

任何人都可以建议什么是错的?

shell cron mysqldump cpanel

5
推荐指数
1
解决办法
329
查看次数

React - 像素比 - 为视网膜设备设置 2x 3x 图像

我正在创建一个反应应用程序。我希望浏览器将图像(分辨率大两倍)服务器到视网膜设备。

我正在尝试 2x。我正在尝试不同的方式:

png 已导入。{retina} 是两倍大图像的 URL。{logo} 是正常尺寸的图像。

我尝试以这种方式实现它:

<picture>
<source srcset={`${retina} 2x, ${logo} 1x`} />
<img src={logo} alt="Flowers" />
</picture>
Run Code Online (Sandbox Code Playgroud)

也这样:

<img srcset={`
${ratina} 2x,
${Logo} 1x,
`}
src={Logo}
></img>
Run Code Online (Sandbox Code Playgroud)

这样:

<picture>
<img src={logo} srcset={`${retina} 2x`} />
</picture> 
Run Code Online (Sandbox Code Playgroud)

这样:

<img src={logo} srcset={`${retina} 2x`} />
Run Code Online (Sandbox Code Playgroud)

出于测试目的,我给视网膜 png 图像赋予了不同的颜色,只是为了在它工作时立即注意到它。

问题 1:在上述某些情况下,它会显示正常图像的两倍,有时会显示视网膜图像的两倍,但在上述情况下,对于视网膜设备,它不会显示 1x 和 2x 的正常图像。我正在 PC、iPhone 和 Chrome 模拟器上进行测试,并将自定义设备设置为像素比 2。

问题 2(这并不是真正的问题,但是......):在所有情况下,图像都以以下方式加载到浏览器中:

  1. 有人指出我做错了什么,导致 2x 图像没有显示吗?
  2. 如何导入图像,以便呈现真实图像 URL 而不是 base64,而不需要创建文件 .env并将其设置IMAGE_INLINE_SIZE_LIMIT为 0?还有其他方法可以达到同样的效果吗?

谢谢

retina-display reactjs

5
推荐指数
1
解决办法
2585
查看次数

React/Typescript - 需要至少 '3' 个参数,但 JSX 工厂 'React.createElement' 最多提供 '2'。TS622

我有这个组件:

const TheBarTitle = (
    theClass: any,
    columnTitle: string,
    onClickAction: any,
) => {
    return (
        <div
            className={theClass}
            title="Click to add this filter"
            onClick={onClickAction}
        >
            {columnTitle}
        </div>
    );
};
Run Code Online (Sandbox Code Playgroud)

这是这样使用的:

 render: (rowData): any => {
                                return (
                                    <div className={classes.contentxyz}>
                                        .........                                    </div>
                                );
                            },
                        },
                        {
                            title: (
                                <TheBarTitle
                                    theClass={classes.contentxyz}
                                    columnTitle="THIS IS THE TITLE"
                                    onClickAction={(e: any) =>
                                        this.handleTooltip(
                                            e,
                                            'theeetitle:',
                                        )
                                    }
                                />
                            ),

....
Run Code Online (Sandbox Code Playgroud)

但是我收到错误: Tag 'TheBarTitle' expects at least '3' arguments, but the JSX factory 'React.createElement' provides at most …

typescript reactjs

5
推荐指数
2
解决办法
2411
查看次数

如何将Slick幻灯片中幻灯片的高度调整为相等?

请看这里- 更具体地说是紫罗兰色背景中的推荐滑块。\n我正在使用 Slick 滑块来显示缩略图。一切似乎都工作正常,但是推荐具有不同长度的文本,这会影响容器的高度。

\n

我希望容器始终具有相同的高度,这意味着它应该是最高推荐的高度。

\n

这是我正在使用的代码:

\n
  $(".quotes").slick({\n    arrows: false,\n    infinite: true,\n    autoplay: true,\n    autoplaySpeed: 2000,\n    speed: 1200,\n    slidesToShow: 1,\n    adaptiveHeight: false,\n  });\n
Run Code Online (Sandbox Code Playgroud)\n
    .home-quote {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      height: 450px;\n      position: relative;\n      padding: 80px 12%;\n      .quote-block {\n        font: Italic 40px/60px "Libre Baskerville";\n        color: $bluedark;\n        position: relative;\n        .quote-text {\n          &::before {\n            content: "\xe2\x80\x9e";\n            position: absolute;\n            top: -116px;\n            left: -100px;\n            font: Bold 150px/65px "Libre Baskerville";\n            color: $violet;\n          }\n          &::after {\n            content: "\xe2\x80\x9e";\n            position: absolute;\n …
Run Code Online (Sandbox Code Playgroud)

css slick.js

1
推荐指数
1
解决办法
5789
查看次数

Js / Node.js - 如何使用动态键名称将对象添加到对象?

我需要将歌曲添加到 .json 文件中。json 是一个对象,有内部对象。

{
  "Song title 1": {
    "title": "Song title 1",
    "author": "Song author 1",
    "date": "1894"
  },
  "Song title 2": {
    "title": "Song title 2",
    "author": "Song author 2",
    "date": "2000"
  },
  "title": {
    "title": "yyyy",
    "author": "",
    "date": "ggggg"
  }
}
Run Code Online (Sandbox Code Playgroud)

在上面的 json 中通过运行函数添加saveSongs("yyyy", "", "ggggg")

export const saveSongs = async (title, author, date) => {
  const songs = JSON.parse(await fs.readFileSync(
    'songs.json', 'utf-8'
  ));

  const newSong = {
    title: {
      "title": title,
      "author": author,
      "date": …
Run Code Online (Sandbox Code Playgroud)

javascript node.js

1
推荐指数
1
解决办法
116
查看次数

如何更改资产、图像等的基本路径

我需要我的应用程序在主域的子文件夹中运行良好。正是在这里 起初我有很多脚本、css 和图像未加载的错误。

我在 next.config.js 中添加了以下内容:

basePath: "/out",
Run Code Online (Sandbox Code Playgroud)

现在脚本和 css 在导出时运行良好,它们在路径中包含 /out/。

但是,这些文件的路径中还没有 /out/,因此它们会给出 404 错误。

我试图按照教程进行操作,但看起来我仍然做错了什么,

我的 next.config.js 现在是:

const path = require("path");

module.exports = {
  trailingSlash: true,
  sassOptions: {
    includePaths: [path.join(__dirname, "styles")],
  },

  basePath: "/out",
  assetPrefix: process.env.BASE_PATH || '',
  publicRuntimeConfig: {
    basePath: process.env.BASE_PATH || '',
  },
};
Run Code Online (Sandbox Code Playgroud)

package.json 的相关部分是:

"scripts": { "dev": "node server.js -p $PORT", "build": "next build", "prod": "BASE_PATH=/out next build && next export", "start": " NODE_ENV=生产节点 server.js -p $PORT", "start2": "next start" …

next.js

0
推荐指数
1
解决办法
2621
查看次数