getRenderedAttributeValue() — react Function Reference

Architecture documentation for the getRenderedAttributeValue() function in App.js from the react codebase.

Function javascript BabelCompiler Entrypoint calls 3 called by 1

Entity Profile

BabelCompiler→ Entrypoint→ getRenderedAttributeValue() — react Function Reference

Dependency Diagram

graph TD
  8241cc1c_6a89_d873_cf16_ea64af5940d6["getRenderedAttributeValue()"]
  444f4239_c2fb_3bc5_1037_eb595d98f6e1["App.js"]
  8241cc1c_6a89_d873_cf16_ea64af5940d6 -->|defined in| 444f4239_c2fb_3bc5_1037_eb595d98f6e1
  6185959c_4ddd_3329_aa80_f0e7dfa03322["prepareState()"]
  6185959c_4ddd_3329_aa80_f0e7dfa03322 -->|calls| 8241cc1c_6a89_d873_cf16_ea64af5940d6
  d7d9b50f_e8ce_781f_f5e2_b018e3478d96["getCanonicalizedValue()"]
  8241cc1c_6a89_d873_cf16_ea64af5940d6 -->|calls| d7d9b50f_e8ce_781f_f5e2_b018e3478d96
  57bc4fe7_1ebf_aa8c_48c6_acb627bb1669["renderToString()"]
  8241cc1c_6a89_d873_cf16_ea64af5940d6 -->|calls| 57bc4fe7_1ebf_aa8c_48c6_acb627bb1669
  25140fd7_e5bf_665b_f3ed_dfc133920392["render()"]
  8241cc1c_6a89_d873_cf16_ea64af5940d6 -->|calls| 25140fd7_e5bf_665b_f3ed_dfc133920392
  style 8241cc1c_6a89_d873_cf16_ea64af5940d6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/attribute-behavior/src/App.js lines 241–429

async function getRenderedAttributeValue(
  react,
  renderer,
  serverRenderer,
  attribute,
  type
) {
  const originalConsoleError = console.error;
  console.error = warn;

  const containerTagName = attribute.containerTagName || 'div';
  const tagName = attribute.tagName || 'div';

  function createContainer() {
    if (containerTagName === 'svg') {
      return document.createElementNS('http://www.w3.org/2000/svg', 'svg');
    } else if (containerTagName === 'document') {
      return document.implementation.createHTMLDocument('');
    } else if (containerTagName === 'head') {
      return document.implementation.createHTMLDocument('').head;
    } else {
      return document.createElement(containerTagName);
    }
  }

  const read = attribute.read;
  let testValue = type.testValue;
  if (attribute.overrideStringValue !== undefined) {
    switch (type.name) {
      case 'string':
        testValue = attribute.overrideStringValue;
        break;
      case 'array with string':
        testValue = [attribute.overrideStringValue];
        break;
      default:
        break;
    }
  }
  let baseProps = {
    ...attribute.extraProps,
  };
  if (attribute.type) {
    baseProps.type = attribute.type;
  }
  const props = {
    ...baseProps,
    [attribute.name]: testValue,
  };

  let defaultValue;
  let canonicalDefaultValue;
  let result;
  let canonicalResult;
  let ssrResult;
  let canonicalSsrResult;
  let didWarn;
  let didError;
  let ssrDidWarn;
  let ssrDidError;

  _didWarn = false;
  try {
    let container = createContainer();
    renderer.flushSync(() => {
      renderer
        .createRoot(container)
        .render(react.createElement(tagName, baseProps));
    });
    defaultValue = read(container.lastChild);
    canonicalDefaultValue = getCanonicalizedValue(defaultValue);

    container = createContainer();

    renderer.flushSync(() => {
      renderer
        .createRoot(container)
        .render(react.createElement(tagName, props));
    });
    result = read(container.lastChild);
    canonicalResult = getCanonicalizedValue(result);