4) [mobile] › playwright/integration/examples/shadow-dom.test.ts:16:7 › shadow-dom example › renders slate editor inside nested shadow and edits content Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 8000ms waiting for expect(locator).toHaveText(expected) Locator: locator('[data-cy="outer-shadow-root"]').locator('> div').getByRole('textbox') Expected string: "Hello, Playwright!" Received string: "Hello, Paywright!" Call log: - expect.toHaveText with timeout 8000ms - waiting for locator('[data-cy="outer-shadow-root"]').locator('> div').getByRole('textbox') 12 × locator resolved to <div zindex="-1" role="textbox" translate="no" aria-multiline="true" contenteditable="true" data-slate-node="value" data-slate-editor="true">…</div> - unexpected value "Hello, Paywright!" 32 | 33 | // Assert that the textbox contains the correct text > 34 | await expect(textbox).toHaveText('Hello, Playwright!') | ^ 35 | }) 36 | 37 | test('user can type add a new line in editor inside shadow DOM', async ({ at /home/runner/work/slate/slate/playwright/integration/examples/shadow-dom.test.ts:34:27

4) [mobile] › playwright/integration/examples/shadow-dom.test.ts:16:7 › shadow-dom example › renders slate editor inside nested shadow and edits content Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 8000ms waiting for expect(locator).toHaveText(expected) Locator: locator('[data-cy="outer-shadow-root"]').locator('> div').getByRole('textbox') Expected string: "Hello, Playwright!" Received string: "Hello, Playwright" Call log: - expect.toHaveText with timeout 8000ms - waiting for locator('[data-cy="outer-shadow-root"]').locator('> div').getByRole('textbox') 12 × locator resolved to <div zindex="-1" role="textbox" translate="no" aria-multiline="true" contenteditable="true" data-slate-node="value" data-slate-editor="true">…</div> - unexpected value "Hello, Playwright" 32 | 33 | // Assert that the textbox contains the correct text > 34 | await expect(textbox).toHaveText('Hello, Playwright!') | ^ 35 | }) 36 | 37 | test('user can type add a new line in editor inside shadow DOM', async ({ at /home/runner/work/slate/slate/playwright/integration/examples/shadow-dom.test.ts:34:27

4) [mobile] › playwright/integration/examples/shadow-dom.test.ts:16:7 › shadow-dom example › renders slate editor inside nested shadow and edits content Error: Timed out 8000ms waiting for expect(locator).toHaveText(expected) Locator: locator('[data-cy="outer-shadow-root"]').locator('> div').getByRole('textbox') Expected string: "Hello, Playwright!" Received string: "Hel, Paywrigh!" Call log: - expect.toHaveText with timeout 8000ms - waiting for locator('[data-cy="outer-shadow-root"]').locator('> div').getByRole('textbox') 12 × locator resolved to <div zindex="-1" role="textbox" translate="no" aria-multiline="true" contenteditable="true" data-slate-node="value" data-slate-editor="true">…</div> - unexpected value "Hel, Paywrigh!" 32 | 33 | // Assert that the textbox contains the correct text > 34 | await expect(textbox).toHaveText('Hello, Playwright!') | ^ 35 | }) 36 | 37 | test('user can type add a new line in editor inside shadow DOM', async ({ at /home/runner/work/slate/slate/playwright/integration/examples/shadow-dom.test.ts:34:27

3) [mobile] › playwright/integration/examples/code-highlighting.test.ts:13:9 › code highlighting › code highlighting jsx Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.selectOption: Error: strict mode violation: getByTestId('language-select') resolved to 3 elements: 1) <select class="css-rc8lf3" contenteditable="false" data-test-id="language-select">…</select> aka getByTestId('language-select').first() 2) <select class="css-rc8lf3" contenteditable="false" data-test-id="language-select">…</select> aka getByTestId('language-select').nth(1) 3) <select class="css-rc8lf3" contenteditable="false" data-test-id="language-select">…</select> aka getByTestId('language-select').nth(2) Call log: - waiting for getByTestId('language-select') 34 | await page.keyboard.press('Backspace') // clear editor 35 | await page.getByTestId('code-block-button').click() // convert first and the only one paragraph to code block > 36 | await page.getByTestId('language-select').selectOption({ value: language }) // select the language option | ^ 37 | 38 | await page.keyboard.type(text) // type text 39 | } at setText (/home/runner/work/slate/slate/playwright/integration/examples/code-highlighting.test.ts:36:45) at /home/runner/work/slate/slate/playwright/integration/examples/code-highlighting.test.ts:14:7

3) [mobile] › playwright/integration/examples/code-highlighting.test.ts:13:9 › code highlighting › code highlighting jsx Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.selectOption: Error: strict mode violation: getByTestId('language-select') resolved to 3 elements: 1) <select class="css-rc8lf3" contenteditable="false" data-test-id="language-select">…</select> aka getByTestId('language-select').first() 2) <select class="css-rc8lf3" contenteditable="false" data-test-id="language-select">…</select> aka getByTestId('language-select').nth(1) 3) <select class="css-rc8lf3" contenteditable="false" data-test-id="language-select">…</select> aka getByTestId('language-select').nth(2) Call log: - waiting for getByTestId('language-select') 34 | await page.keyboard.press('Backspace') // clear editor 35 | await page.getByTestId('code-block-button').click() // convert first and the only one paragraph to code block > 36 | await page.getByTestId('language-select').selectOption({ value: language }) // select the language option | ^ 37 | 38 | await page.keyboard.type(text) // type text 39 | } at setText (/home/runner/work/slate/slate/playwright/integration/examples/code-highlighting.test.ts:36:45) at /home/runner/work/slate/slate/playwright/integration/examples/code-highlighting.test.ts:14:7

3) [mobile] › playwright/integration/examples/code-highlighting.test.ts:13:9 › code highlighting › code highlighting jsx Error: locator.selectOption: Error: strict mode violation: getByTestId('language-select') resolved to 3 elements: 1) <select class="css-rc8lf3" contenteditable="false" data-test-id="language-select">…</select> aka getByTestId('language-select').first() 2) <select class="css-rc8lf3" contenteditable="false" data-test-id="language-select">…</select> aka getByTestId('language-select').nth(1) 3) <select class="css-rc8lf3" contenteditable="false" data-test-id="language-select">…</select> aka getByTestId('language-select').nth(2) Call log: - waiting for getByTestId('language-select') 34 | await page.keyboard.press('Backspace') // clear editor 35 | await page.getByTestId('code-block-button').click() // convert first and the only one paragraph to code block > 36 | await page.getByTestId('language-select').selectOption({ value: language }) // select the language option | ^ 37 | 38 | await page.keyboard.type(text) // type text 39 | } at setText (/home/runner/work/slate/slate/playwright/integration/examples/code-highlighting.test.ts:36:45) at /home/runner/work/slate/slate/playwright/integration/examples/code-highlighting.test.ts:14:7

2) [mobile] › playwright/integration/examples/code-highlighting.test.ts:13:9 › code highlighting › code highlighting html Error: locator.selectOption: Error: strict mode violation: getByTestId('language-select') resolved to 3 elements: 1) <select class="css-rc8lf3" contenteditable="false" data-test-id="language-select">…</select> aka getByTestId('language-select').first() 2) <select class="css-rc8lf3" contenteditable="false" data-test-id="language-select">…</select> aka getByTestId('language-select').nth(1) 3) <select class="css-rc8lf3" contenteditable="false" data-test-id="language-select">…</select> aka getByTestId('language-select').nth(2) Call log: - waiting for getByTestId('language-select') 34 | await page.keyboard.press('Backspace') // clear editor 35 | await page.getByTestId('code-block-button').click() // convert first and the only one paragraph to code block > 36 | await page.getByTestId('language-select').selectOption({ value: language }) // select the language option | ^ 37 | 38 | await page.keyboard.type(text) // type text 39 | } at setText (/home/runner/work/slate/slate/playwright/integration/examples/code-highlighting.test.ts:36:45) at /home/runner/work/slate/slate/playwright/integration/examples/code-highlighting.test.ts:14:7

1) [mobile] › playwright/integration/examples/code-highlighting.test.ts:13:9 › code highlighting › code highlighting css Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.selectOption: Error: strict mode violation: getByTestId('language-select') resolved to 3 elements: 1) <select class="css-rc8lf3" contenteditable="false" data-test-id="language-select">…</select> aka getByTestId('language-select').first() 2) <select class="css-rc8lf3" contenteditable="false" data-test-id="language-select">…</select> aka getByTestId('language-select').nth(1) 3) <select class="css-rc8lf3" contenteditable="false" data-test-id="language-select">…</select> aka getByTestId('language-select').nth(2) Call log: - waiting for getByTestId('language-select') 34 | await page.keyboard.press('Backspace') // clear editor 35 | await page.getByTestId('code-block-button').click() // convert first and the only one paragraph to code block > 36 | await page.getByTestId('language-select').selectOption({ value: language }) // select the language option | ^ 37 | 38 | await page.keyboard.type(text) // type text 39 | } at setText (/home/runner/work/slate/slate/playwright/integration/examples/code-highlighting.test.ts:36:45) at /home/runner/work/slate/slate/playwright/integration/examples/code-highlighting.test.ts:14:7

1) [mobile] › playwright/integration/examples/code-highlighting.test.ts:13:9 › code highlighting › code highlighting css Error: locator.selectOption: Error: strict mode violation: getByTestId('language-select') resolved to 3 elements: 1) <select class="css-rc8lf3" contenteditable="false" data-test-id="language-select">…</select> aka getByTestId('language-select').first() 2) <select class="css-rc8lf3" contenteditable="false" data-test-id="language-select">…</select> aka getByTestId('language-select').nth(1) 3) <select class="css-rc8lf3" contenteditable="false" data-test-id="language-select">…</select> aka getByTestId('language-select').nth(2) Call log: - waiting for getByTestId('language-select') 34 | await page.keyboard.press('Backspace') // clear editor 35 | await page.getByTestId('code-block-button').click() // convert first and the only one paragraph to code block > 36 | await page.getByTestId('language-select').selectOption({ value: language }) // select the language option | ^ 37 | 38 | await page.keyboard.type(text) // type text 39 | } at setText (/home/runner/work/slate/slate/playwright/integration/examples/code-highlighting.test.ts:36:45) at /home/runner/work/slate/slate/playwright/integration/examples/code-highlighting.test.ts:14:7