使用选择器匹配部分属性值

Question

尝试获取具有通配符的属性，以找出页面上有多少个类型的元素

我认为我应该能够对部分属性值使用queryselectorAll，如下所示，但未找到任何元素：（

<div class="ag-right-align-cell" data-test="unitPrice&amp;^%^&amp;category=FRED&amp;^%^&amp;displayName=FREDS INFO;field=unitPrice&amp;^%^&amp;^%^&amp;">$999.99</div>

<div class="ag-right-align-cell" data-test="unitPrice&amp;^%^&amp;category=GEORGE&amp;^%^&amp;displayName=GEORGES INFO;field=unitPrice&amp;^%^&amp;^%^&amp;">$999.99</div>

var el=document.querySelectorAll('[data-test|=unitprice]');
console.log(el.length);  // = 0

el.length显示找到0个元素。

用于选择datatest = unitprice *的匹配项的正确javascript是什么？