带引号的属性选择器？

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'\"]";