From 4c95c20f8db4ac4e708c4a92436d07af978ed707 Mon Sep 17 00:00:00 2001
From: Joe Vilches <joevilches@fb.com>
Date: Thu, 7 Dec 2023 13:05:25 -0800
Subject: [PATCH] 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             |  1 +
 gentest/gentest-driver.ts | 89 +++++++++++++++++++++++++++++++++++++++
 gentest/package.json      | 14 ++++++
 gentest/tsconfig.json     | 14 ++++++
 4 files changed, 118 insertions(+)
 create mode 100644 gentest/gentest-driver.ts
 create mode 100644 gentest/package.json
 create mode 100644 gentest/tsconfig.json

diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index 442ae8f0..9f440e7b 100644
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -32,6 +32,7 @@ module.exports = {
       },
       env: {
         es2020: true,
+        'shared-node-browser': true,
       },
       parserOptions: {
         ecmaVersion: 'latest',
diff --git a/gentest/gentest-driver.ts b/gentest/gentest-driver.ts
new file mode 100644
index 00000000..3cdab7e6
--- /dev/null
+++ b/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();
+})();
diff --git a/gentest/package.json b/gentest/package.json
new file mode 100644
index 00000000..b59cea82
--- /dev/null
+++ b/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"
+  }
+}
diff --git a/gentest/tsconfig.json b/gentest/tsconfig.json
new file mode 100644
index 00000000..88873fcb
--- /dev/null
+++ b/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"]
+}
-- 
2.50.1.windows.1