Create node version of gentest script

Summary:
The only instance of ruby in this repository is `gentest.rb` used to generate test cases from html fixtures. This is quite annoying as ruby is not the most popular compared to something like Node and it does not integrate into the rest of our stack. I changed this to use Node.js instead. Instead of `watir` we now use `selenium-webdriver`. `watir` is backed by Selenium so I do not expect anything to change.

Next commits will add command line options, clean up gentest.rb and its references, and change the README

Differential Revision: D51874433

.eslintrc.cjs

@@ -32,6 +32,7 @@ module.exports = {
       },
       env: {
         es2020: true,
+        'shared-node-browser': true,
       },
       parserOptions: {
         ecmaVersion: 'latest',

gentest/gentest-driver.ts

@@ -0,0 +1,89 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+import * as fs from 'node:fs/promises';
+import {format} from 'node:util';
+import * as path from 'path';
+import * as process from 'node:process';
+import {Builder, logging} from 'selenium-webdriver';
+import {Options} from 'selenium-webdriver/chrome.js';
+
+await (async () => {
+  const options = new Options();
+  options.addArguments(
+    '--force-device-scale-factor=1',
+    '--window-position=0,0',
+    '--hide-scrollbars',
+  );
+  options.setLoggingPrefs({
+    browser: 'ALL',
+    performance: 'ALL',
+  });
+  const driver = await new Builder()
+    .forBrowser('chrome')
+    .setChromeOptions(options)
+    .build();
+
+  process.chdir(path.dirname(process.argv[1]));
+
+  const fixtures = await fs.readdir('./fixtures');
+  for (const fileName of fixtures) {
+    const fixture = await fs.readFile('fixtures/' + fileName, 'utf8');
+    const fileNameNoExtension = path.parse(fileName).name;
+    console.log('Generate', fileNameNoExtension);
+
+    // TODO: replace this with something more robust than just blindly replacing
+    // start/end in the entire fixture
+    const ltrFixture = fixture
+      .replaceAll('start', 'left')
+      .replaceAll('end', 'right')
+      .replaceAll('flex-left', 'flex-start')
+      .replaceAll('flex-right', 'flex-end');
+
+    const rtlFixture = fixture
+      .replaceAll('start', 'right')
+      .replaceAll('end', 'left')
+      .replaceAll('flex-right', 'flex-start')
+      .replaceAll('flex-left', 'flex-end');
+
+    const template = await fs.readFile('test-template.html', 'utf8');
+    const f = await fs.open('test.html', 'w');
+    await f.write(
+      format(template, fileNameNoExtension, ltrFixture, rtlFixture, fixture),
+    );
+    await f.close();
+
+    await driver.get('file://' + process.cwd() + '/test.html');
+    const logs = await driver.manage().logs().get(logging.Type.BROWSER);
+
+    await fs.writeFile(
+      `../tests/generated/${fileNameNoExtension}.cpp`,
+      eval(logs[0].message.replace(/^[^"]*/, '')),
+    );
+
+    await fs.writeFile(
+      `../java/tests/com/facebook/yoga/${fileNameNoExtension}.java`,
+      eval(logs[1].message.replace(/^[^"]*/, '')).replace(
+        'YogaTest',
+        fileNameNoExtension,
+      ),
+    );
+
+    await fs.writeFile(
+      `../javascript/tests/generated/${fileNameNoExtension}.test.ts`,
+      eval(logs[2].message.replace(/^[^"]*/, '')).replace(
+        'YogaTest',
+        fileNameNoExtension,
+      ),
+    );
+  }
+  await fs.unlink('test.html');
+  await driver.quit();
+})();

gentest/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "gentest",
+  "version": "0.0.0",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "type": "module",
+  "dependencies": {
+    "@types/node": "^20.10.3",
+    "@types/selenium-webdriver": "^4.1.21",
+    "babel-register-esm": "^1.2.5",
+    "selenium-webdriver": "^4.16.0"
+  }
+}

gentest/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "es2020",
+    "module": "nodenext",
+    "strict": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": false,
+    "moduleResolution": "nodenext",
+    "lib": [
+      "ES2021.String"
+    ]
+  },
+  "files": ["gentest-driver.ts"]
+}