docs: fix website building (#10777)

This commit is contained in:
Nikolay Vitkov 2023-08-23 14:38:12 +02:00 committed by GitHub
parent 2fee2b0adc
commit 8fd0157c95
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 45 additions and 26 deletions

View File

@ -143,13 +143,14 @@ The following table shows Puppeteer's equivalents to [Protractor By](https://www
> For improved reliability and reduced flakiness try our > For improved reliability and reduced flakiness try our
> **Experimental** [Locators API](https://pptr.dev/guides/locators) > **Experimental** [Locators API](https://pptr.dev/guides/locators)
| By | Protractor code | Puppeteer querySelector | | By | Protractor code | Puppeteer querySelector |
| ----------------- | ----------------------------------------------------------------- | ------------------------------------------------------------ | | ----------------- | --------------------------------------------- | ------------------------------------------------------------ |
| CSS | Single: `$(by.css('<CSS>'))` <br> Multiple: `$$(by.css('<CSS>'))` | Single: `page.$('<CSS>')` <br> Multiple: `page.$$('<CSS>')` | | CSS (Single) | `$(by.css('<CSS>'))` | `page.$('<CSS>')` |
| Id | `$(by.id('<ID>'))` | `page.$('#<ID>')` | | CSS (Multiple) | `$$(by.css('<CSS>'))` | `page.$$('<CSS>')` |
| CssContainingText | `$(by.cssContainingText('<CSS>', '<TEXT>'))` | `page.$('<CSS> ::-p-text(<TEXT>)')` ` | | Id | `$(by.id('<ID>'))` | `page.$('#<ID>')` |
| DeepCss | `$(by.deepCss('<CSS>'))` | `page.$(':scope >>> <CSS>')` | | CssContainingText | `$(by.cssContainingText('<CSS>', '<TEXT>'))` | `page.$('<CSS> ::-p-text(<TEXT>)')` ` |
| XPath | `$(by.xpath('<XPATH>'))` | `page.$('::-p-xpath(<XPATH>)')` | | DeepCss | `$(by.deepCss('<CSS>'))` | `page.$(':scope >>> <CSS>')` |
| JS | `$(by.js('document.querySelector("<CSS>")'))` | `page.evaluateHandle(() => document.querySelector('<CSS>'))` | | XPath | `$(by.xpath('<XPATH>'))` | `page.$('::-p-xpath(<XPATH>)')` |
| JS | `$(by.js('document.querySelector("<CSS>")'))` | `page.evaluateHandle(() => document.querySelector('<CSS>'))` |
> For advanced use cases such as Protractor's `by.addLocator` you can check Puppeteer's [Custom selectors](https://pptr.dev/guides/query-selectors#custom-selectors). > For advanced use cases such as Protractor's `by.addLocator` you can check Puppeteer's [Custom selectors](https://pptr.dev/guides/query-selectors#custom-selectors).

View File

@ -143,13 +143,14 @@ The following table shows Puppeteer's equivalents to [Protractor By](https://www
> For improved reliability and reduced flakiness try our > For improved reliability and reduced flakiness try our
> **Experimental** [Locators API](https://pptr.dev/guides/locators) > **Experimental** [Locators API](https://pptr.dev/guides/locators)
| By | Protractor code | Puppeteer querySelector | | By | Protractor code | Puppeteer querySelector |
| ----------------- | ----------------------------------------------------------------- | ------------------------------------------------------------ | | ----------------- | --------------------------------------------- | ------------------------------------------------------------ |
| CSS | Single: `$(by.css('<CSS>'))` <br> Multiple: `$$(by.css('<CSS>'))` | Single: `page.$('<CSS>')` <br> Multiple: `page.$$('<CSS>')` | | CSS (Single) | `$(by.css('<CSS>'))` | `page.$('<CSS>')` |
| Id | `$(by.id('<ID>'))` | `page.$('#<ID>')` | | CSS (Multiple) | `$$(by.css('<CSS>'))` | `page.$$('<CSS>')` |
| CssContainingText | `$(by.cssContainingText('<CSS>', '<TEXT>'))` | `page.$('<CSS> ::-p-text(<TEXT>)')` ` | | Id | `$(by.id('<ID>'))` | `page.$('#<ID>')` |
| DeepCss | `$(by.deepCss('<CSS>'))` | `page.$(':scope >>> <CSS>')` | | CssContainingText | `$(by.cssContainingText('<CSS>', '<TEXT>'))` | `page.$('<CSS> ::-p-text(<TEXT>)')` ` |
| XPath | `$(by.xpath('<XPATH>'))` | `page.$('::-p-xpath(<XPATH>)')` | | DeepCss | `$(by.deepCss('<CSS>'))` | `page.$(':scope >>> <CSS>')` |
| JS | `$(by.js('document.querySelector("<CSS>")'))` | `page.evaluateHandle(() => document.querySelector('<CSS>'))` | | XPath | `$(by.xpath('<XPATH>'))` | `page.$('::-p-xpath(<XPATH>)')` |
| JS | `$(by.js('document.querySelector("<CSS>")'))` | `page.evaluateHandle(() => document.querySelector('<CSS>'))` |
> For advanced use cases such as Protractor's `by.addLocator` you can check Puppeteer's [Custom selectors](https://pptr.dev/guides/query-selectors#custom-selectors). > For advanced use cases such as Protractor's `by.addLocator` you can check Puppeteer's [Custom selectors](https://pptr.dev/guides/query-selectors#custom-selectors).

View File

@ -122,7 +122,7 @@ function spliceIntoSection(
} }
) )
.inputs(['packages/ng-schematics/README.md']) .inputs(['packages/ng-schematics/README.md'])
.outputs(['docs/ng-schematics.md']) .outputs(['docs/integrations/ng-schematics.md'])
.build(); .build();
await Promise.all([copyMain, updateSupportedList, copyNgSchematics]); await Promise.all([copyMain, updateSupportedList, copyNgSchematics]);

View File

@ -22,7 +22,23 @@ module.exports = {
'guides/debugging', 'guides/debugging',
], ],
}, },
'ng-schematics', {
type: 'category',
label: 'Integrations',
link: {
type: 'generated-index',
title: 'Puppeteer Integrations',
keywords: ['integrations'],
},
collapsed: false,
items: [
{
type: 'doc',
label: 'Angular Schematics',
id: 'integrations/ng-schematics',
},
],
},
'chromium-support', 'chromium-support',
'troubleshooting', 'troubleshooting',
'contributing', 'contributing',

View File

@ -146,13 +146,14 @@ The following table shows Puppeteer's equivalents to [Protractor By](https://www
> For improved reliability and reduced flakiness try our > For improved reliability and reduced flakiness try our
> **Experimental** [Locators API](https://pptr.dev/guides/locators) > **Experimental** [Locators API](https://pptr.dev/guides/locators)
| By | Protractor code | Puppeteer querySelector | | By | Protractor code | Puppeteer querySelector |
| ----------------- | ----------------------------------------------------------------- | ------------------------------------------------------------ | | ----------------- | --------------------------------------------- | ------------------------------------------------------------ |
| CSS | Single: `$(by.css('<CSS>'))` <br> Multiple: `$$(by.css('<CSS>'))` | Single: `page.$('<CSS>')` <br> Multiple: `page.$$('<CSS>')` | | CSS (Single) | `$(by.css('<CSS>'))` | `page.$('<CSS>')` |
| Id | `$(by.id('<ID>'))` | `page.$('#<ID>')` | | CSS (Multiple) | `$$(by.css('<CSS>'))` | `page.$$('<CSS>')` |
| CssContainingText | `$(by.cssContainingText('<CSS>', '<TEXT>'))` | `page.$('<CSS> ::-p-text(<TEXT>)')` ` | | Id | `$(by.id('<ID>'))` | `page.$('#<ID>')` |
| DeepCss | `$(by.deepCss('<CSS>'))` | `page.$(':scope >>> <CSS>')` | | CssContainingText | `$(by.cssContainingText('<CSS>', '<TEXT>'))` | `page.$('<CSS> ::-p-text(<TEXT>)')` ` |
| XPath | `$(by.xpath('<XPATH>'))` | `page.$('::-p-xpath(<XPATH>)')` | | DeepCss | `$(by.deepCss('<CSS>'))` | `page.$(':scope >>> <CSS>')` |
| JS | `$(by.js('document.querySelector("<CSS>")'))` | `page.evaluateHandle(() => document.querySelector('<CSS>'))` | | XPath | `$(by.xpath('<XPATH>'))` | `page.$('::-p-xpath(<XPATH>)')` |
| JS | `$(by.js('document.querySelector("<CSS>")'))` | `page.evaluateHandle(() => document.querySelector('<CSS>'))` |
> For advanced use cases such as Protractor's `by.addLocator` you can check Puppeteer's [Custom selectors](https://pptr.dev/guides/query-selectors#custom-selectors). > For advanced use cases such as Protractor's `by.addLocator` you can check Puppeteer's [Custom selectors](https://pptr.dev/guides/query-selectors#custom-selectors).