build: update size test golden to reflect latest changes

The list size test is currently slightly deviating from the golden.
This is due to the TypeScript 3.9.5 update which reverted the IIFE
class wrapping (resulting a size reduction in some cases).

Other cases might be unrelated. i.e. golden has just not been
updated while other component changes have been made.

Author: devversion

goldens/size-test.yaml

@@ -1,18 +1,18 @@
 cdk/drag-drop/all-directives: 153594
 cdk/drag-drop/basic: 150852
-material-experimental/mdc-chips/basic: 147613
-material-experimental/mdc-form-field/advanced: 220865
-material-experimental/mdc-form-field/basic: 220028
-material/autocomplete/without-optgroup: 208091
-material/button-toggle/standalone: 119400
-material/chips/basic: 162733
-material/datepicker/range-picker/without-form-field: 330747
-material/expansion/without-accordion: 130562
-material/form-field/advanced: 186234
-material/form-field/basic: 185008
-material/list/nav-list: 130473
-material/menu/without-lazy-content: 210751
-material/radio/without-group: 121448
-material/select/basic: 256613
-material/tabs/advanced: 183627
-material/tabs/basic: 182824
+material-experimental/mdc-chips/basic: 147608
+material-experimental/mdc-form-field/advanced: 220897
+material-experimental/mdc-form-field/basic: 220060
+material/autocomplete/without-optgroup: 208202
+material/button-toggle/standalone: 119486
+material/chips/basic: 162755
+material/datepicker/range-picker/without-form-field: 330729
+material/expansion/without-accordion: 130701
+material/form-field/advanced: 186274
+material/form-field/basic: 185048
+material/list/nav-list: 130612
+material/menu/without-lazy-content: 210862
+material/radio/without-group: 121587
+material/select/basic: 256617
+material/tabs/advanced: 183612
+material/tabs/basic: 182809

package.json

@@ -41,6 +41,7 @@
     "ts-circular-deps:approve": "yarn -s ts-circular-deps approve --config ./src/circular-deps-test.conf.js",
     "merge": "ng-dev pr merge",
     "approve-api": "node ./scripts/approve-api-golden.js",
+    "approve-size-tests": "node ./scripts/approve-size-golden.js",
     "integration-tests": "bazel test //integration/... --test_tag_filters=-view-engine-only --build_tests_only",
     "integration-tests:view-engine": "bazel test //integration/... --test_tag_filters=view-engine-only --build_tests_only --config=view-engine"
   },

scripts/approve-api-golden.js

@@ -1,3 +1,5 @@
+#!/usr/bin/env node
+
 const shelljs = require('shelljs');
 const chalk = require('chalk');
 const path = require('path');

scripts/approve-size-golden.js

@@ -0,0 +1,26 @@
+#!/usr/bin/env node
+
+const shelljs = require('shelljs');
+const path = require('path');
+const yaml = require('yaml');
+const fs = require('fs');
+
+const projectDir = path.join(__dirname, '../');
+const goldenPath = path.join(projectDir, './goldens/size-test.yaml');
+const golden = yaml.parse(fs.readFileSync(goldenPath, 'utf8'));
+const tests = Object.keys(golden);
+
+if (tests.length === 0) {
+  console.error('No tests captured in size test golden.');
+  process.exit(1);
+}
+
+shelljs.set('-e');
+shelljs.cd(projectDir);
+
+for (const testId of tests) {
+  const testIdParts = testId.split('/');
+  const targetLabel = testIdParts.slice(0, -1).join('/');
+  const targetName = testIdParts[testIdParts.length - 1];
+  shelljs.exec(`bazel run //integration/size-test/${targetLabel}:${targetName}.approve`);
+}