(async function(testRunner) {
  const {dp} = await testRunner.startHTML(`
    <style>
      .grid {
        display: grid;
      }
    </style>
    <div class="grid"></div>
  `, 'Tests errors when finding DOM nodes by computed styles.');

  const wrongNodeId = -1;

  // Expected: error because DOM agent is not enabled.
  testRunner.log(await dp.DOM.getNodesForSubtreeByStyle({
    nodeId: wrongNodeId,
    computedStyles: [{ name: 'display', value: 'grid' }],
  }));

  await dp.DOM.enable();

  // Expected: error because node ID is wrong.
  testRunner.log(await dp.DOM.getNodesForSubtreeByStyle({
    nodeId: wrongNodeId,
    computedStyles: [{ name: 'display', value: 'grid' }],
  }));

  const response = await dp.DOM.getDocument();
  const rootNodeId = response.result.root.nodeId;

  // Expected: error because the property value is invalid.
  testRunner.log(await dp.DOM.getNodesForSubtreeByStyle({
    nodeId: rootNodeId,
    computedStyles: [{ name: 'display', value: 'grid' }, { name: 'wrong', value: 'grid' }],
  }));

  testRunner.completeTest();
})