`)
+## `httpEquiv` (on `` inside ``)
| Test Case | Flags | Result |
| --- | --- | --- |
| `httpEquiv=(string)`| (changed)| `"a string"` |
@@ -6198,6 +6198,31 @@
| `lang=(null)`| (initial)| `` |
| `lang=(undefined)`| (initial)| `` |
+## `lang` (on `` inside ``)
+| Test Case | Flags | Result |
+| --- | --- | --- |
+| `lang=(string)`| (changed, ssr mismatch)| `"a string"` |
+| `lang=(empty string)`| (initial)| `` |
+| `lang=(array with string)`| (changed, ssr mismatch)| `"string"` |
+| `lang=(empty array)`| (initial)| `` |
+| `lang=(object)`| (changed, ssr mismatch)| `"result of toString()"` |
+| `lang=(numeric string)`| (changed, ssr mismatch)| `"42"` |
+| `lang=(-1)`| (changed, ssr mismatch)| `"-1"` |
+| `lang=(0)`| (changed, ssr mismatch)| `"0"` |
+| `lang=(integer)`| (changed, ssr mismatch)| `"1"` |
+| `lang=(NaN)`| (changed, warning, ssr mismatch)| `"NaN"` |
+| `lang=(float)`| (changed, ssr mismatch)| `"99.99"` |
+| `lang=(true)`| (initial, warning)| `` |
+| `lang=(false)`| (initial, warning)| `` |
+| `lang=(string 'true')`| (changed, ssr mismatch)| `"true"` |
+| `lang=(string 'false')`| (changed, ssr mismatch)| `"false"` |
+| `lang=(string 'on')`| (changed, ssr mismatch)| `"on"` |
+| `lang=(string 'off')`| (changed, ssr mismatch)| `"off"` |
+| `lang=(symbol)`| (initial, warning)| `` |
+| `lang=(function)`| (initial, warning)| `` |
+| `lang=(null)`| (initial)| `` |
+| `lang=(undefined)`| (initial)| `` |
+
## `length` (on `
` inside `
`)
| Test Case | Flags | Result |
| --- | --- | --- |
@@ -11373,6 +11398,56 @@
| `transform=(null)`| (initial)| `[]` |
| `transform=(undefined)`| (initial)| `[]` |
+## `transform-origin` (on `
-
-
client
-
-
- ,
- {
- onRecoverableError(err) {
- errors.push(err.message);
- },
- },
- );
- try {
- expect(() => {
- expect(Scheduler).toFlushWithoutYielding();
- }).toErrorDev(
- [
- 'Warning: Text content did not match. Server: "server" Client: "client"',
- 'Warning: An error occurred during hydration. The server HTML was replaced with client content in <#document>.',
- ],
- {withoutStack: 1},
- );
- } catch (e) {
- // When gates are false this test fails on a DOMException if you don't clear the scheduler after catching.
- // When gates are true this branch should not be hit
- expect(Scheduler).toFlushWithoutYielding();
- throw e;
- }
- expect(getMeaningfulChildren(document)).toEqual(
-
-
- foo
-
-
-
+
+ ,
+ );
- describe('style resources', () => {
- // @gate enableFloat
- it('treats link rel stylesheet elements as a style resource when it includes a precedence when server rendering', async () => {
- await actIntoEmptyDocument(() => {
- const {pipe} = renderToPipeableStream(
-
-
+
+ ,
+ );
+
+ // This will enqueue a stylesheet resource in a deep blocked boundary (loading baz...).
+ await act(() => {
+ resolveText('baz');
});
+ expect(getMeaningfulChildren(document)).toEqual(
+
+
+
+
loading...
+
+ ,
+ );
- // @gate enableFloat
- it('treats link rel stylesheet elements as a style resource when it includes a precedence when hydrating', async () => {
- await actIntoEmptyDocument(() => {
- const {pipe} = renderToPipeableStream(
-
-
-
-
-
-
- ,
+ // This will enqueue a stylesheet resource in the intermediate blocked boundary (loading bar...).
+ await act(() => {
+ resolveText('bar');
+ });
+ expect(getMeaningfulChildren(document)).toEqual(
+
+
+
+
loading...
+
+ ,
+ );
+
+ // This will complete a segment in the top level boundary that is still blocked on another segment.
+ // It will flush the completed segment however the inner boundaries should not emit their style dependencies
+ // because they are not going to be revealed yet. instead their dependencies are hoisted to the blocked
+ // boundary (top level).
+ await act(() => {
+ resolveText('foo');
+ });
+ expect(getMeaningfulChildren(document)).toEqual(
+
+
+
+
loading...
+
+
+
+
+ ,
+ );
+
+ // This resolves the last blocked segment on the top level boundary so we see all dependencies of the
+ // nested boundaries emitted at this level
+ await act(() => {
+ resolveText('qux');
+ });
+ expect(getMeaningfulChildren(document)).toEqual(
+
+
+
+
+
+
+
+
+
,
);
+ }).toErrorDev([
+ 'React does not recognize the `nonStandardAttr` prop on a DOM element.' +
+ ' If you intentionally want it to appear in the DOM as a custom attribute,' +
+ ' spell it as lowercase `nonstandardattr` instead. If you accidentally passed it from a' +
+ ' parent component, remove it from the DOM element.',
+ 'Invalid values for props `shouldnotincludefunctions`, `norsymbols` on tag. Either remove them from' +
+ ' the element, or pass a string or number value to keep them in the DOM. For' +
+ ' details, see https://reactjs.org/link/attribute-behavior',
+ ]);
+
+ // Now we flush the stylesheet with the boundary
+ await act(() => {
+ resolveText('unblock');
});
- // @gate enableFloat
- it('hoists style resources to the correct precedence', async () => {
- await actIntoEmptyDocument(() => {
- const {pipe} = renderToPipeableStream(
-
-
-
-
-
-
-
+
+ ,
+ );
- // @gate enableFloat
- it('retains styles even after the last referring Resource unmounts', async () => {
- // This test is true until a future update where there is some form of garbage collection.
- const root = ReactDOMClient.createRoot(document);
+ await act(() => {
+ resolveText('unblock');
+ resolveText('AAAA');
+ resolveText('AA');
+ });
+ expect(getMeaningfulChildren(document)).toEqual(
+
+
+
+