如何在 Cypress 中转义带引号的属性选择器

Question

因此，我尝试在 Cypress 页面对象中添加定位器常量，并且必须使用与此类似的定位器：

[ng-if="this.customThing.length > 1 && customThing.code !== 'widget.this.thing'"]

问题是，当我尝试在 TypeScript Cypress 页面对象类中将整个内容用引号括起来时，例如：

LOCATOR_CONSTANT_VARIABLE = "[ng-if="this.customThing.length > 1 && customThing.code !== 'widget.this.thing'"]"

显然这不起作用，因为多次使用引号，单引号也不起作用。

在这种情况下，如何转义 TypeScript 中使用的引号？

Answer 1

反引号是有效的字符串分隔符

const LOCATOR_CONSTANT_VARIABLE = 
  `[ng-if="this.customThing.length > 1 && customThing.code !== 'widget.this.thing'"]`

Answer 2

您可以像这样转义双引号：

LOCATOR_CONSTANT_VARIABLE =
  "[ng-if=\"this.customThing.length > 1 && customThing.code !== 'widget.this.thing'\"]";